How to create RTL form?

  • Profile Image
    Asked on May 29, 2014 at 02:45 AM


    my name is Gallit, im from israel

    i found that jotform is one of the best form application but...

    im looking for a solution to align the form to the right and writing RTL

    is there  sugested solution?

    thanks in advance


    galit vardi

  • Profile Image
    Answered on May 29, 2014 at 06:40 AM

    Hi Gallit,

    Right-to-Left (RTL) form is possible with Jotform. Inject the following custom CSS codes:

    .form-all {

    direction: rtl !important;


    .form-label-left {

    float: right;


    Inject the codes to the form by following this guide:

    You can show the output using this form:

    Let us know if you need any further assistance.


  • Profile Image
    Answered on May 29, 2014 at 07:59 AM

    thank you. it works but not perfect

    see the link

    any suggestions?



  • Profile Image
    Answered on May 29, 2014 at 10:43 AM

    Hello Galit,

    Please take a look at the following cloned form and see if this looks okay to you:

    Feel free to clone this form for a closer look. The following guide should help you in form cloning:

    Do get back to us if you need further changes.

    Thank you!

  • Profile Image
    Answered on May 29, 2014 at 10:59 AM

    i did the same before but it is still not aligned ,see attached drawing -in this case , visually it is beter to leave ltr ): ?


    Still not giving up (:

  • Profile Image
    Answered on May 29, 2014 at 01:46 PM
    Try to inject this custom css code:
    .form-radio-item, .form-checkbox-item {
        float: right;
    I've tried and found everything right.
    Please let us know what happens after trying this.
  • Profile Image
    Answered on May 29, 2014 at 01:50 PM

    Hello Gali,

    Upon my understanding,are you meaning to keep all the fields at right alligned? I saw the issue  about RTL(Right to Left) is already solved.OK see the picture-

    If you are asking that your form would looks like so then please inject the Following CSS code-

    .form-line-column {
        clear: right;
        float: right;
    Here is the example of your form-
    You may clone it.