Add a translation to the app menu entries in Experience Builder

Experience Builder

Summary

In this article, you learn how to add a translation to the app menu entries in the menu of your app with the Experience Builder.

Preconditions

• Country code of your current used language in the app (e.g. 'de' for German)
• Country code of your desired translation in the app menu (e.g. 'en' for English)
• Translations of your app menu entries

How-to

1. Go to Experience Builder, choose your app from the list and click on it



2. Click on 'Pull from preview'



3. Click on 'app_menu.xml'



4. Click into the title tag of your first menu entry and add the country localization of your existing title into the tag, e.g. locale="de" if your title is German, so that it looks like <title locale="de">



5. Mark and the whole line, e.g. <title locale="de">Startseite</title>



6. Paste it in the line directly below



7. In the new added line, within the title tag, next to locale overwrite the orange country code in quotation marks with the country code of your desired translation language, e.g. "en" for English



8. In the new added line, now overwrite the white title text with the desired title in the translation's language, e.g. 'Homepage'



9. Now, repeat step 4-8 for all menu entries (paragraphs) in the app_menu.xml

10. Click on the burger menu



11. Click on 'Update Dynamic Resources'



12. Name your changes, e.g. "multilingual-app-menu"



13. Click on 'Merge all files to preview'