Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.

Create arabic version of a site using MSM

Avatar

Level 4

Hi All,

I am trying to create a Arabic version of geometrixx-outdoors demo site as a part of POC for my new project.

But, i dont see Arabic language translation available while creating language copy. Though other languages are visible.

How do i see Arabic or Arabic+ in the drop down for language copy.

Few translations are available for page titles in translator for e.g. Company,Community,Toolbar,Blog etc.

How do i go about it.

Any pointers will be helpful.

5 Replies

Avatar

Level 2

Hi,

You should create a root level of language copy.

E.g. create home page with name iw_il.

You will see .

https://docs.adobe.com/docs/en/aem/6-0/administer/sites/languages.html

Thanks,

Illia

Avatar

Level 4

Hi Illia,

Thanks for prompt reply.please see the screenshot, i am not getting Arabic/Arabic+ translation listed.

Thus, i am not able to perform the translation.

Also, i would like to know, how can i handle 'RTL' issue.

For e.g. If i have top navigation menu, which floats left for english language, how will i make it to float right in Arabic version.

Avatar

Administrator

khalidMomin wrote...

Hi Sam,

Thanks for prompt reply.please see the screenshot, i am not getting Arabic/Arabic+ translation listed.

Thus, i am not able to perform the translation.

Also, i would like to know, how can i handle 'RTL' issue.

For e.g. If i have top navigation menu, which floats left for english language, how will i make it to float right in Arabic version.

 

 

 

 

For your second part of question, please have a look at this old forum question:-

Link:- http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manage...

//

    I would like you to go through these community articles:-

    Link:- http://blog.globalizationpartners.com/adobe-experience-manager.aspx

    //Example to convert content from english to Arabic

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

    // This article tells about how template, RTE, Dialogs need modification.

    Link:- https://adobeaemtherightway.wordpress.com/2014/05/02/website-globalization-and-localization-best-pra...

    //Specialized Layout Requirements

    Languages such as Arabic and Hebrew are read right-to-left (RTL). Often times, layouts and imagery from a site’s master branch are not designed with these special language requirements in     mind. For example, text within a background image requires sufficient space in the image to safely incorporate the copy and is usually displayed at one end of the image, as seen below.

I hope this would be helpful to you.

 

Thanks and Regards

Kautuk Sahni



Kautuk Sahni

Avatar

Administrator

CSS right to left direction & floating elements

    direction:rtl

    When developing a website for Arabic one of the most common questions is how to get it work with a reverse direction. Actually there is the CSS property direction:

    .my-class {
        direction:rtl;
    }
    which makes the page right aligned.

    Floating elements 

    However sometimes there are elements on the page which are absolutely positioned and the direction property doesn’t do the job. The solution is something like combining the two settings. Both direction and     float. So something like:

    .my-class {
        float:left;
    }
    becomes something like:

    .my-class {
        float:right;
        direction:rtl;
    }
    and of course if you’ve something like margin-left it should become margin-right!

Related posts:

  1. Fast way to manage the Arabic version of a web form
  2. jQuery CSS selectors. Change one or more CSS properties!
  3. CSS sprites. Go beyond the limits with base64!
  4. CSS default position value
  5. jQuery CSS functions. Part 1 – offset()

~kautuk



Kautuk Sahni

Avatar

Level 4

Hi kautuk,

Thanks for reply, i find the CSS part really useful.

But i am stuck at a point, and that's , i am not getting Arabic/Arabic+ in translation drop down as attached in above thread.

i created a root node with arabic language (as attached).

While translating, if i select "English+" or "Chinese+", its translating to these languages properly.

Since i cant see the option of Arabic/Arabic+, i am not able to translate it in Arabic.