Unlike most languages, some are written from right-to-left. Among those languages are Arabic, Farsi and Hebrew. For you website to be fully localized to any of those languages, you website must adapt to right side alignment, without losing the functionality and look of all components. This includes the adaptation of HTML, CSS and even JS. Luckily, Bablic does all that automatically for you.

Activate Right-to-Left

If you have added an Right-to-Left language, and you want to activate this feature:

  1. go to Dashboard -> Languages.
  2. Next to the Right-to-Left language there is a context menu. Click it to open the list.
  3. Click the first option "Right-to-Left"
  4. Turn on the switch button. Click Save. This feature will be activated in your website, it might take a minute to update on your live website.

Excluding Right-to-Left Elements

By default all excluded elements will not be altered by this feature. You can tell Bablic to not transform an element Right-to-Left using the special markup "bablic-bidi" or the JS method. Bablic will still translate those elements, but it won't transform them to Right-to-Left alignment.

Excluding using Markup

Add the bablic-bidi="false" attribute to any element in order to prevent Bablic from transforming it:

<div bablic-bidi="false">
     This text will be translated, but the element alignment will not change.
</div>

Excluding using Javascript

If you don't have access to the HTML, you can us the Javascript method bidi:

bablic.selector('.slider').bidi(false);

Flipping Images

Bablic will not flip images to right-to-left automatically. If you have an image, which needs to be flipped from right to left in the translated language, add this class to it "bidi-flip" and the element will be flipped horizontally.

Did this answer your question?