Skip to main content

Rigi Documentation

Enable BiDi support

Rigi supports bidirectional languages, such as Arabic and Hebrew. These languages are called bidirectional because texts can be written both from right to left (RTL) and left to right (LTR).

Users enter characters in logical order (which is also how they are stored in memory). The software application renders strings in visual order using a complex algorithm supported by modern browsers.

Rigi captures HTML previews of live applications (for details, see the Manage HTML previews guides). The captured previews contain Rigi tokens that are usually added to the source language. If the source language is LTR, all other LTR languages can be substituted without issues.

The challenge starts when an RTL language must be shown:

  • Texts should be right-aligned.

  • UI elements such as menus should be swapped.

  • Buttons should be moved from the right to the left side (or vice versa).

Here is an example of how Rigi presents a captured HTML preview in German and in Hebrew:

BiDi_Geman.png

German

BiDi_Hebrew1.png

Hebrew

How Rigi handles BiDi

  • Rigi will add HTML direction properties to elements when it loads an HTML preview. For BiDi languages, this will be rtl, for others ltr.

  • The browser renders the (translated) texts.

If the rendered HTML preview does not look good, the user can manually swap the element order (i.e., change the value of the direction property) using the following control alignment.png.

Enable BiDi support in the Rigi Viewer

  1. Open the required project.

  2. In the project menu, select Settings > Project > General.

  3. Ensure the Application supports Bidi toggle is on.

Bidi_enabled.png

BiDi enabled

BiDi_disabled.png

BiDi disabled