I wanted to create an Arabic Page | Community
Skip to main content
Ronnie09
Level 6
Sep 29, 2022 7:55 AM UTC
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
New Participant
Sep 29, 2022 11:04 AM UTC

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 reply

1 reply

arunpatidar
arunpatidarAccepted solution
New Participant
Sep 29, 2022 11:04 AM UTC

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...