Expand my Community achievements bar.

July 31st AEM Gems Webinar: Elevate your AEM development to master the integration of private GitHub repositories within AEM Cloud Manager.
SOLVED

I wanted to create an Arabic Page

Avatar

Level 7

How can I align components to drop right to left instead of left to right?

 

I tried RTL property it simply aligns the text to the right.

Eg: We have a logo on the left for the English page.

Now Logo should appear on right on the Arabic page this type of RTL stuffs how can we achieve? Every component during authoring also should shuffle to RTL.

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

You need to change the floating order of container component

Example :

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--12 {
    float: right;
    clear: none;
    width: 100%;
}


Arun Patidar

View solution in original post

1 Reply

Avatar

Correct answer by
Community Advisor

You need to change the floating order of container component

Example :

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--12 {
    float: right;
    clear: none;
    width: 100%;
}


Arun Patidar