How to create RTL form?

  • Profile Image
    Galitvardi
    Asked on May 29, 2014 at 02: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

  • Profile Image
    Welvin
    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: 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

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

    thank you. it works but not perfect

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

    any suggestions?

     

    Galit

  • Profile Image
    ashwin_d
    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:  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!

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

     

    http://screencast.com/t/A6jOqeph2hx 

    Still not giving up (:

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