1. Manage Orders Tutorial
  2. Create a Translation Bundle for App UI

Create a Translation Bundle for App UI

In this section, you create a translation bundle for the App UI you created. This translation bundle manages the translations of strings such as the page title. After you add a string to your translation bundle, you can associate it with a UI component using the Translatable String dialog box available from the component Properties pane.

Create a translation bundle

  1. In the Navigator, click Translations.
  2. In the Translation Bundles pane, click + Translation Bundle.
    The Translation globe icon is outlined in red in the Navigator, and the Translation Bundles pane displays with the + Translation Bundle button outlined in red.
  3. In the Create Bundle dialog box, Bundle Name field, enter appUI_bundle.
    Note: The bundle name can include hyphens and underscores but can't include spaces or special characters such as @ or #.
  4. Click Create.

    The Create Bundle window displays with appUI_bundle in the Bundle Name field.

    The appUI_bundle tab opens in the page canvas.


    The appUI_bundle tab displays.

Create a translatable string

Create a translatable string in the appUI bundle you created.
  1. In the appUI_bundle page, click + String.
  2. In the Key field, enter MANAGE_ORDERS_PAGE_TITLE.
  3. In the String field, enter Manage Orders.
  4. Click Create.
    The appUI_bundle tab displays with MANAGE_ORDERS_PAGE_TITLE in the Key field and Manage Orders entered as String 1.
    You can enter a description after creating the string entry. This description provides additional context that can be useful to translators when translating the string.
    The appUI_bundle tab displays with MANAGE_ORDERS_PAGE_TITLE listed as a Key and Manage Orders as a String.
  5. Close the appUI_bundle tab.