Malalai Habib
Rank: #3357
10Views
3Comments
In reactive web with new multilingual my page is not shifting from left to right.
Question
Reactive
CSS
Multi Language

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.

 


0
0
on 2020-12-26
Copy link to comment
João Marques
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

0
0
on 2020-12-26
Copy link to comment
Malalai Habib
Rank: #3357

Hello João,

It is still not working after  define in CSS.  

body.ar {direction:rtl}
Capture.JPG

0
0
on 2020-12-27
Copy link to comment
João Marques
Rank: #68

Replying to Malalai Habib's comment on 27 Dec 2020 16:47:23

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

1
0
on 2020-12-27
Copy link to comment