Localization

The following are the supported languages:

Bulgarian, Catalan, Chinese (China), Chinese (Taiwan), Croatian, Czech, Danish, Dutch, English (UK), English (US), Finnish, French, German, Hungarian, Italian, Japanese, Korean, Norwegian, Polish, Portuguese (Brazil), Portuguese (Portugal), Romanian, Russian, Serbian, Slovak, Slovenian, Spanish, Swedish, and Turkish.

The Desktop UI language is based on the language preference settings on your browser. For example, let us consider that you have selected the preferred language as French on the Firefox browser. When you launch the Desktop in the Firefox browser, the Desktop UI appears in Français (French). However, the horizontal header, navigation bar, and other components added in the Desktop Layout are not localized based on the language preference settings on your browser.

Localize Desktop Components

To localize desktop components,

• Use the existing localization keys set in the app.json file. If the localization keys are not set, the default language English (US) is used. You can submit a service request to Cisco Support to add a localization key to the app.json file.

  Example: Localization Key

  {
      "common": {
          "buttonTitle": "Stop Timer"
      }
  }

• Enter the following case-sensitive property in the Desktop Layout JSON file to localize a component:

  "textContent": "$I18N.<key>",
  

  where <key> refers to the corresponding localization key in the app.json file.

Example: Localize Header Component

"header": {
    "id": "header",
    "widgets": {
        "head1": {
            "comp": "md-button",
            "attributes": {
                "slot": "menu-trigger",
                "style": "height: 64px"
            },
            "children": [{
                    "comp": "span",
                    "textContent": "$I18N.common.buttonTitle",
                }
            },

        },
    }

Example: Localize Tab Component in the Auxiliary Information Pane

"panel": {
    "comp": "md-tab",
    "attributes": {
        "slot": "tab"
    },
    "children": [{
        "comp": "span",
        "textContent": "$I18N.panelTwo.screenPopTitle"
    }]
}