Skip to Content

Translate a sample Fiori app

By ianarm

Use SAP Translation Hub to translate your Fiori app.

You will learn

You will translate a sample Fiori app using SAP Translation Hub.


Step 1: Open SAP Translation Hub in the service catalog of the SAP Cloud Platform Cockpit

In the service catalog of the SAP Cloud Platform cockpit, locate the SAP Translation Hub service by searching for Translation. Click the tile and choose Go to Service.

Open SAP Translation Hub
Please log in to access this content.
Step 2: Create new Git translation project

First, you’ll need to create a translation project; choose + and then Git Project.

Create git project
Please log in to access this content.
Step 3: Enter translation project details

Now you need to enter the following details about your project:

Field Name Value
Application Name nwepmrefappsextshop
Path to Properties File webapp/i18n/
Domain Basis
Target Languages Enter the files you defined in your project in SAP Web IDE: Danish, Dutch, English, Finnish, French, and German

Leave all other fields as they are and choose Save.

Enter git translation project details
Please log in to access this content.
Step 4: Translate project texts in translation project

SAP Translation Hub shows an overview of your translation project. To start the translation process, choose Get Translations in the bottom right of the screen.

Get translations

Enter your Git password and choose Submit.

Enter Git password

If everything works as expected, you see a success message:

Success message
Please log in to access this content.
Step 5: Check translations

The translation is now complete, but you might want to review the translations. To do that, choose Translations:

Check translations

This is where you can switch between the target languages and, in the right columns, see the translation provider and a quality status. The higher the number on a scale from 0-100, the better the quality. Note that there is currently no quality index for translations provided by SAP Machine Translation (SAP MT).

List of translations
Please log in to access this content.
Step 6: Update translations (optional)

If you want to change any of the translations, simply make your changes directly in the Translated Text column. When you’re done, choose Save and then push your changes to the repository using the context menu at the right of the Get Translations button:

Push translations to repository
Please log in to access this content.
Step 7: Pull translations from Git repository to SAP Web IDE

To see the translations in SAP Web IDE, you need to pull the translations from the Git repository. Open SAP Web IDE and select the project:

Select project in SAP Web IDE

In the Git Pane, choose Pull:

Pull changes to SAP Web IDE

A success message appears in the top right of the SAP Web IDE window.

Please log in to access this content.
Step 8: Check i18n properties files in SAP Web IDE

The i18n folder in your project now contains properties files for the target languages that you selected in your project. To see the translations, open any of the properties files by double-clicking the files.

i18n property files in target languages
Please log in to access this content.
Step 9: Run sample app in additional languages

As a final step, you can run the app in different languages by choosing Run.

run demo app

When the preview opens, change the language in the top right of the screen:

switch languages

Now open the Shop app:

run demo app

Note: Some texts in the app come directly from the back end, and are therefore not part of the properties file that you translated.

Please log in to access this content.

Next Steps

Updated 03/28/2017

Time to Complete

10 Min.



Next Steps

Back to top