How to adjust the form to RTL?

  • Profile Image
    Asked on January 11, 2020 at 06:19 PM

    Hello, right now all my forms are align to the left.

    I am using the Hebrew language and I need to adjust the entire form to RTL.

    How to do it please?

    Another question, How can I assign the same setting to ALL of my forms without editing each one by personal? 

    I would like my forms to have the same color or the same table design(with same rows and lines), I am finding my self editing each form for a lot of time just for those small editing choices.

    Thank you. 

  • Profile Image
    Answered on January 11, 2020 at 07:18 PM

    Please try injecting first the following custom CSS codes into your form.

    .form-all {direction: rtl; } .form-label {float: right !important; } .form-header {text-align: right; } .form-checkbox-item:not(#foo) label:before, .form-radio-item:not(#foo) label:before {right: 0; } .form-checkbox-item:not(#foo) label:after {right: 18px; } .form-radio-item:not(#foo) label:after{right:11px !important; } .form-checkbox-item:not(#foo) .form-checkbox-other {display: none !important; } .form-checkbox-other-input {right: 40px; display: inline-block; position: relative; }

    Let us know if this did not work.


    We will resolve the other question on a separate thread here