Changing Text Strings in HTML5 Skins

As an alternative to using language skins, you can use the UI Text tab in the Skin Editor to perform all of the localization tasks for HTML5 targets. This tab not only lets you enter text in other languages, but it lets you change the substance of text strings altogether, whether they are in your primary language or another.

How to Change Text Strings in an HTML5 Skin or Component

  1. Open an HTML5 skin or a skin component.
  2. Select the UI Text tab.
  3. From the Language drop-down, select the language for the skin.

  4. In the grid below, type text in the Value field for each relevant row. If you want to insert a variable in a field, you can click Add a variable definition.. The variable will appear as syntax in the field, but in the output the variable definition will be shown.

    Note For more information about the items in the grid, see HTML5 Skin Styles.

  5. Click Save the active file. to save your work.

Note You can also translate interface values in your stylesheet, language skin, or using a legacy language skin. When you set these values in multiple places, they are prioritized as follows:

  1. Stylesheet
  2. HTML5 skin
  3. Language skin
  4. Legacy language skin, still in your AppData\Roaming folder

As a best practice, you should try to translate each interface value in a single location to prevent conflicts.

Note If you use the Language Skin Editor to edit an HTML5 skin value, your changes will be reflected in the HTML5 skin file (on the UI Text tab of the Skin Editor). However, changes made in the Skin Editor are not reflected in the Language Skin Editor.