LinkedIn
Copied!

Table of Contents

Converting your UI for right-to-left languages

Version:

Only available versions of this content are shown in the dropdown

Meet the needs of audiences who use languages such as Arabic or Urdu by adapting your user interface to accommodate the right-to-left (RTL) text direction. By localizing your application into RTL languages, you expand your user base and provide native RTL language speakers with an interface that is friendly and intuitive.

Pega Platform uses tools built into Java and HTML to automatically handle RTL conversion based on the user's (operator) locale. When you assign an RTL language as the default for an operator, that operator sees the application in RTL alignment, with menus on the right, and breadcrumbs arranged right-to-left. If you do not set a default language for the operator, the system sources it from the browser's region settings.

The system handles font sizes and layout alignment automatically, but does not reverse icons. You can provide RTL versions of left-to-right (LTR) icons by saving them under the same name followed by _rtl. For example, an LTR name.png icon has an RTL counterpart name_rtl.png that the application displays in RTL locales.
  1. Change the locale settings for the operator:

    Choices Actions
    Yourself
    1. In the footer of Dev Studio, click the operator icon, and then click Operator.

    2. On the operator tab, in theLocalization section, in the Default locale field, enter the target language ISO code.

      For Arabic (Saudi Arabia), enter ar_SA.
    3. Click Save.

    Another operator
    1. In the navigation pane of Dev Studio, click Records.

    2. Expand the Organization category, and then click Operator ID.

    3. Open the operator record that you want to edit.

    4. On the operator tab, in theLocalization section, in the Default locale field, enter the target language ISO code.

      For Arabic (Saudi Arabia), enter ar_SA.
    5. Click Save.

  2. Optional:

    To keep the Dev Studio interface in English, perform the following actions:

    1. In the footer of Dev Studio, click the operator icon, and then click Preferences.

    2. In the Preferences window, select the Ignore locale check box.

    3. Click Save, and then re-log to the application.

Left-to-right portal
Right-to-left portal

100% found this useful

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.