What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by moshesh on May 10, 2013 at 10:58 AM

    Hi

    I injected the following css tomy form:

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

     

    Still the fields names are on the left

     

    Please advise

    Moshe

    Screenshot
    Injected CSS field names style size font
  • Profile Image

    Answered by pinoytech on May 10, 2013 at 12:20 PM

    Hi,

    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 by KadimaMada on October 14, 2013 at 06:39 AM
  • Profile Image
    JotForm Support

    Answered by guilledutra on October 14, 2013 at 08:27 AM

    Hi,

    after checking your form, I  see that you succeeded in aligning the field names to the right by injecting custom css, that's right?

    please let us know if you need further assistance

    Thanks

  • Profile Image

    Answered by KadimaMada on October 14, 2013 at 10:01 AM

    They appear where they are because the field labels are aligned to the top.  If field labels are aligned left or right they appear in the wrong (left) position.  However, even with this work-around the alignment of compressed fields is incorrect (still left aligned) while uncompressed fields align to the right and the visual length of the form is too long with all titles on the top. Not pretty either.

  • Profile Image
    JotForm Support

    Answered by Welvin 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
    JotForm Support

    Answered by Welvin 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":

    Thanks

  • Profile Image
    JotForm Support

    Answered by BJoanna 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:

    http://www.jotform.com/form-templates/arabic-financial-application-form-rtl-css-2