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

  • Profile Image
    monti.united.experts
    Asked on October 24, 2020 at 08: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



    This is a re-post of a comment on How to Inject Custom CSS Codes

  • Profile Image
    Simon_L
    Answered on October 24, 2020 at 09: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_

    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: