Form design - right to left

  • amirw1962
    Asked on April 2, 2018 at 5: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?


  • jonathan
    Replied on April 2, 2018 at 7: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 Screenshot 10

    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.


  • amirw1962
    Replied on April 2, 2018 at 7:05 PM

    Great, THANKS!