I injected css to have the form on rtl orientation. Still the field names remain on left of the page

  • Profile Image
    Asked on May 10, 2013 at 10:58 AM


    I injected the following css tomy form:

    .form-all { direction: rtl !important; }


    Still the fields names are on the left


    Please advise


  • Profile Image
    Answered on May 10, 2013 at 12:20 PM


    Sorry for the inconvenience that may have caused. Can you please share to us the URL of your Form for further assistance?

    Thank you!

  • Profile Image
    Answered on October 14, 2013 at 11:40 AM

    Please check this form: http://www.jotformpro.com/form/32864516348966. The following are the injected codes:

    .form-label-right {

    float: right;


    .form-all {

    direction: rtl !important; 


    Guide here: How to Inject Custom CSS Codes

    I hope this helps. Thanks

  • Profile Image
    Answered on October 14, 2013 at 11:46 AM

    By the way, all form field labels should be set to "Right" for this to work. Without the default right alignment, your form will looks too bad :)

    Setup & Embed -- Preferences -- Field Styles -- Label Alignment to "Right":


  • Profile Image
    Answered on August 16, 2015 at 12:28 PM

    Inside of the form templates gallery I created one template form that you can use. 

    Inside of that form I used Custom CSS that will enable Arabic language from right to left. Custom CSS used inside of this form can also be applied to Hebrew language.

    You can find my form inside of the Form Templates gallery: