Skip to Content

Translate an SAP Fiori App

Requires Customer/Partner License
Use SAP Translation Hub to translate your SAP Fiori app.
You will learn
  • How to translate an SAP Fiori app using SAP Translation Hub

Prerequisites

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

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

    Choose user ID
  • Step 2

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

    Locate SAP Translation Hub

  • Step 3

    In the Take Action section for SAP Translation Hub, choose Go to UI for Translation Workflow.

    Open SAP Translation Hub
  • Step 4

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

    Create Git project
  • Step 5

    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 BTP
    Application Name sampleshop
    Branch master
    Path to Properties File webapp/i18n/i18n.properties
    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
  • Step 6

    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
  • Step 7

    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
  • Step 8

    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
  • Step 9

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

    In SAP Web IDE select the root folder sample.shop of your project.

    Open the Git pane by choosing the icon under the magnifying glass at the right of the screen. Confirm that sample.shop 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.

  • Step 10

    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
  • Step 11

    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 i18n.properties file that you translated in this tutorial.

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

Back to top