10
Views
3
Comments
In reactive web with new multilingual my page is not shifting from left to right.

In reactive web I am facing some issue with this new option of the multilingual when I switch from English to Arabic the side is not changing I meant LTR.



Issue.

 


Rank: #68

Hi Malalai,


You can workaround this with CSS, see in this post last reply how to achieve that.

You would just need to apply this class if the selected locale is a right-to-left language like Arabic.


Hope it helps.


Regards,

João

Rank: #3357

Hello João,

It is still not working after  define in CSS.  

body.ar {direction:rtl}
Capture.JPG

Rank: #68

Hi Malalai,


I had never done this before so I gave it a try.

There is already a class defined is-rtl which once applied in the layout will apply the "right-to-left direction" to everything. There is an ExtendedClass attribute in the Layout blocks, which is great to apply the changes at a root level to affect everything:

 I am not knowledgeful of RTL languages to be able to say 100% confident that it covers all our scenarios but it should definitely be a good start.


In attachment you can find a simple OML with a toggle RTL / LTR that applies the aforementioned change.


Regards,
João

RTLExample.oml