Bind an attribute translation to a component property

Procedure

  1. In the App Designer, in edit mode, go to the Designer.

  2. In the Application tree, select the component object to which to apply attribute translations. For example, a sidebar home button component object: sap.tnt.NavigationList (name: oSideNavigation) → sap.tnt.NavigationListItem (name: oNavigationListItem1).

    app designer i18n application tree
  3. In the Component properties pane, select a component property (for example, text, for the text to be displayed for the component property item) and select the Show Script icon.

    Result: The Binding dialog opens.

  4. From the list, select the local or global i18n model that contains the translated attributes, and select Bind.

    Result: The field of the component property text fills with the selected binding (instead of a monolingual, static free-text entry, for example).

  5. In the shell bar, save your changes and activate the application.

  6. You can verify if the binding applies successfully by going to Application SettingsProperties tab → Language and changing the language to one of the locales into which you want the sidebar home button text translated, for example, Polish. In the Designer, run the application from the shell bar.

Results

  • You have bound an attribute translation to a component property.

  • The sidebar home button text is translated according the selected application language settings.

Next steps