Adobe Experience Manager Sites & More

rohitspathak123 · 10/15/15

Hi all,

I have a requirement to create Right to Left language site (Arabic). Just wondering which is the best location to add dir="rtl" attribute ? Is it the beginning <html> tag (<html dir="rtl">) or should I add this tag in each component <div> (<div dir="rtl">). Is there any harm in adding it at page <html> level rather than individual component level. If a site is in Right To Left then all the section of site should be "Right to Left" - correct ? So in this case then it make sense to add at <html> tag level instead of individual component level.

Let me know if you have any prior experience on this ?

Mshaji · 10/15/15

It is not only html tag, you might have to consider other assets like css, dialogs, rich text editor when using rtl.

Following adobe blog provides check list for using rtl

http://blogs.adobe.com/experiencedelivers/experience-management/rtl-adobe-cq5-aem/

View solution in original post

Mshaji · 10/15/15

It is not only html tag, you might have to consider other assets like css, dialogs, rich text editor when using rtl.

Following adobe blog provides check list for using rtl

http://blogs.adobe.com/experiencedelivers/experience-management/rtl-adobe-cq5-aem/

translationco · 10/4/17

Hi Mshajiahmed, thanks for the article, helpful to learn from it. But what my question is that I already have created an arabic legal translation company complete website in English and at the beginning, I did not have any idea that i would need to convert it into some other language.

Now if i am going to update the complete CSS/HTML, it could be long work. Is there any short way to do this?

Adobe Experience Manager Sites & More

Right to left language site (dir="rtl" attribute)

Learn

Documentation

Community

Support

Resources

Adobe account

Adobe