Form design - right to left

  • Profile Image
    amirw1962
    Asked on April 02, 2018 at 05:33 PM

    My new form is working fine. It gets data both from MYSQL database and user, inserts combined data to MYSQL table and sends emails with all information.

    There is just one problem - the design.

    My forms need to be from right to left....
    I set the correct language but it doesn't hekp.

    Here is the link to my form: 
    https://form.jotform.me/80915345833460

    First 4 fields are read only and get their values from Mysql database.

    How can I align all fields, placeholders, fields inpur - everythinng - to the right side?

    I think that with placeholders I can "play" and move to the right by adding spaces, but still, fields are not aligned with labels and anyway everything needs to be aligned to the right to look natural.

    Right now it doesn't look well....

    I embed the form using IFRAME, so I can't edit form code.

    Any solution to make a great functional form look better?


  • Profile Image
    jonathan
    Answered on April 02, 2018 at 07:01 PM

    Please add the following custom CSS codes on your form.


    .form-sub-label {

    direction:rtl;

    unicode-bidi:bidi-override;

    }

    .form-all {

    direction:rtl;

    }

    .form-line-column,

    .form-label-right,

    .form-radio-item {

    float:right;

    }

    1522710007zzz 2018-04-03 06.59.25.png

    you can check it working on my test form https://form.jotform.com/80917575351967

    I hope this help. Let us know if you need further assistance.


  • Profile Image
    amirw1962
    Answered on April 02, 2018 at 07:05 PM

    Great, THANKS!