Skip to main content
Ronnie09
Level 6
September 29, 2022
Solved

I wanted to create an Arabic Page

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
arunpatidar
arunpatidarAccepted solution
Community Advisor
September 29, 2022

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 in thread

1 reply

arunpatidar
Community Advisor
arunpatidarCommunity AdvisorAccepted solution
Community Advisor
September 29, 2022

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%;
}
Translate
Arun Patidar
    Terms & ConditionsAccessibility statement

    Loading footer...