Skip to Content

Translate an SAP Fiori App

0 %
Translate an SAP Fiori App

Translate an SAP Fiori App

December 7, 2020
Created by
February 27, 2017
Use SAP Translation Hub to translate your SAP Fiori app.

You will learn

  • How to translate an SAP Fiori app using SAP Translation Hub
QR code


  • IMPORTANT:: This tutorial cannot be completed on a trial account.

Step 1: Open overview screen of cockpit

To go to the overview screen of the SAP Cloud Platform cockpit, choose your user ID at the top of the screen.

Choose user ID
Log on to answer question
Step 2: Locate SAP Translation Hub in the cockpit

Choose Services and locate the SAP Translation Hub tile by searching for transl. Then choose the tile.
Locate SAP Translation Hub

Log on to answer question
Step 3: Open SAP Translation Hub

In the service description for SAP Translation Hub, choose Go to UI for Translation Workflow.

Open SAP Translation Hub
Log on to answer question
Step 4: Create a new Git translation project

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

Create Git project
Log on to answer question
Step 5: Enter translation project details

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

Field Name Value
Project Name sampleshop
Domain Sales
Target Languages Enter the target languages that you specified in your project in SAP Web IDE: Chinese, French, and German
Enter translation project details

Now you need to specify the Git details in the Git Repository Details:

Field Name Value
Git Server SAP Cloud Platform
Application Name sampleshop
Branch master
Path to Properties File webapp/i18n/
Enter Git translation project details

Finally you can specify in the Project Configuration section if you want to reuse existing translations, a company MLTR or a review process.
To simplify the tutorial only select YES for Review Required.
Leave all other fields and selection options as they are and choose Save.

Enter project configuration details
Log on to answer question
Step 6: Translate texts in translation project

SAP Translation Hub shows an overview of your translation project. To start the translation process and push the translations to the Git repository, choose Translate and Push 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 the following status:

Success message
Log on to answer question
Step 7: 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 columns to the right, see the translation provider and a quality status. The higher the number on a scale from 0-100, the better the quality.

Note: For translations provided by SAP machine translation (SAP MT), the quality index is always 25.

List of translations
Log on to answer question
Step 8: Update translations (optional)

If you want to change any of the translations, simply make your changes directly in the Translated Text column. After you make a change, the translation provider changes to Manual.
When you’re done, choose Save Project.
As a final step, push your changes to the Git repository by choosing Push.

Push translations to repository

Enter your Git password and choose Submit.

Enter Git password
Log on to answer question
Step 9: Pull translations from the Git repository to SAP Web IDE

To see the translations in SAP Web IDE, you need to pull the translations from the Git repository.

In SAP Web IDE (see where you left off in Deploy an SAP Fiori app to SAP Cloud Platform), select the root folder ( of your project.

Open the Git pane by choosing the icon under the magnifying glass at the right of the screen. Confirm that appears under Repository and then choose Pull.

Pull changes to SAP Web IDE

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

Log on to answer question
Step 10: Check the 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 them.

i18n property files in target languages
Log on to answer question
Step 11: Run the app in additional languages

As a final step, you can view the app in different languages. To open the SAP Fiori launchpad, choose the green button shown below:

Depending on your browser settings, you might have to disable the pop-up blocker to proceed.

Run demo app

When the preview opens, change the language in the top right of the screen to German.

Switch languages

Now open the Shop app. The example below shows the app in German.

Run demo app in German

Note: Some texts in the app come from the back end or are hard coded, and are therefore not part of the file that you translated in this tutorial.

Which project types are available to create a translation project in SAP Translation Hub?

Next Steps

Back to top