How can I make whole form direction from right to left?

  • aljardani
    Asked on August 21, 2018 at 10:13 AM
    Jotform Thread 1558613 Screenshot
  • Mike_G JotForm Support
    Replied on August 21, 2018 at 11:38 AM

    That would be possible to achieve by injecting custom CSS codes to your form. Please give me some time. I'll work on a solution and get back to you as soon as possible.

  • Mike_G JotForm Support
    Replied on August 21, 2018 at 2:53 PM

    I would like to apologize for any delays.

    To meet your requirements, you must do the following with your form.

    First, make sure the Shrink option of the fields in your form is not enabled.

    1534877449t14 49 32 Screenshot 10

    And, see to it that the label alignment of the fields is set to "Top" and the "Set as form default" option is checked.

    1534877561t14 51 10 Screenshot 21

    Then, inject the CSS codes below to your form.

    .form-sub-label {

    direction:rtl;

    }

    .form-all {

    direction:rtl;

    }

    .form-line-column,.form-label-right,.form-radio-item { 

    float:right;

    }

    .form-label.form-label-auto {

    text-align: right;

    direction:rtl;

    }

    Here's a guide — How-to-Inject-Custom-CSS-Codes

    I hope this helps. If you have other questions or concerns, please do not hesitate to let us know.