Skip to Content
0
Jun 19, 2018 at 07:57 AM

How to Internationalize UI5 SideNavigation

133 Views

I am new in UI5 and i want to internationalize the Demo "Shop Administration Tool". The side content is placed in an external json file like this:

{ "navigation": [ { "title": "home", "icon": "sap-icon://home", "key": "home", "items": [] }]}

In the view i use the SideNavigation tag within NavigationListItem. It loops over there for each entry.

<tnt:NavigationListItem
text="{side>title}"
icon="{side>icon}"
....

This is working but I want to have the title internationalized:

So i tried: text="{i18n>{side>title}}"

This is for me logically but it does not work, is there a way to do that in a other syntax or what is the preferred way for this situation.

Many thanks