How can I align all of my form's elements from right to left?

  • monti.united.experts
    Asked on October 24, 2020 at 8:54 AM

    Hi there

    I wanna ask about how to make my all my form's elements alignment from right to left ( for Arabic language forms ) put in mind I would like to have all my label to be from right to left as well

  • Simon_L
    Replied on October 24, 2020 at 9:34 AM

    Hello,

    I have found a way, using custom CSS, to align all of your form's elements from right to left. All of your labels are on the right as well. The only issue would be that since I do not know Arabic, I cannot validate that the text is readable. Also, the table you have created was inverted by my custom CSS rule, so you may have to change the column order.

    You can inject custom CSS into your form in our "Form Designer" (the blue paintbrush button at the right of your screen), under the "Styles" tab, at the very bottom.

    1603546397 5f942d1d85c1f Screenshot 10

    I invite you to test my demo form by clicking here. Additionally, feel free to clone it.

    Here are the CSS rules I have used:

    .form-all {
    
  direction: rtl;
    
}
    

    
.form-pagebreak-next {
    
  margin-right: 1em;
    
}
    

    
.form-submit-button {
    
  margin-right: 1em;
    
}


    Let us know if that helps, we will gladly assist you further!

    Thank you,

    Best,

    Simon

    Related Guides: