How to create RTL form?

  • Galitvardi
    Asked on May 29, 2014 at 2:45 AM

    hi

    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

  • Welvin Support Team Lead
    Replied on May 29, 2014 at 6: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: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    You can show the output using this form: http://www.jotformpro.com/form/41483145217956

    Let us know if you need any further assistance.

    Thanks

  • Galitvardi
    Replied on May 29, 2014 at 7:59 AM

    thank you. it works but not perfect

    see the link http://form.jotform.me/form/41451406016443

    any suggestions?

     

    Galit

  • Ashwin JotForm Support
    Replied 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:  http://form.jotformpro.com/form/41483782465968?

    Feel free to clone this form for a closer look. The following guide should help you in form cloning:  http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    Do get back to us if you need further changes.

    Thank you!

  • Galitvardi
    Replied 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 ): ?

     

    http://screencast.com/t/A6jOqeph2hx 

    Still not giving up (:

  • bob
    Replied on May 29, 2014 at 1: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.
  • Jim_Rank
    Replied on May 29, 2014 at 1: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-

    How to create RTL form? Image 1 Screenshot 20

    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-http://form.jotformpro.com/form/41485878748980
    You may clone it.