Right to left language site (dir="rtl" attribute) | Community
Skip to main content
R
rohitspathak123
Level 4
October 16, 2015
Solved

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

  • October 16, 2015
  • 2 replies
  • 3421 views

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 ?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Mshaji

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/

2 replies

M
Community Advisor
MshajiCommunity AdvisorAccepted solution
Community Advisor
October 16, 2015

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
translationco
October 4, 2017

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?

Terms & ConditionsAccessibility statement

Loading footer...