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

    How can I change the alignment to the right side because I'm creating an Arabic form?

    Asked by iEyado on July 03, 2017 at 04:31 AM

    hey, how can I change alignment to right side because I'm creating Arabic form? ... thanks 

  • Profile Image
    JotForm Support

    Answered by AIDAN on July 03, 2017 at 04:48 AM

    Could you please provide us with the form ID or URL so we can inspect and assist you further? Thank you in advance.

  • Profile Image

    Answered by iEyado on July 04, 2017 at 10:15 AM

    form URL https://form.jotform.me/71823015011440 ... I wrote in Arabic words ... Arabic words should come from the right side ( from right to left ) as this form http://www.emailmeform.com/builder/form/3dVi8Eafge .

     I hope you understand me ... thanks 

  • Profile Image
    JotForm Support

    Answered by Kiran on July 04, 2017 at 11:58 AM

    Please inject the following CSS code to the form to display the form in Right to left mode.

    .form-sub-label {direction:rtl;unicode-bidi:bidi-override;}

    .form-all {direction:rtl;}

    .form-line-column,.form-label-right,.form-radio-item {float:right;}

    It should be displaying the form as shown in the screenshot below:

    Hope this information helps! 

  • Profile Image

    Answered by iEyado on July 05, 2017 at 03:34 AM

    thanks for your help. but it doesn't work! after applying CSS code and save then published the form it appears in a wrong way https://form.jotform.me/71823015011440 "see the second photo" 

     

     

     

  • Profile Image

    Answered by iEyado on July 05, 2017 at 03:35 AM

    and what about header and subheader? 

     

    thanks ... 

  • Profile Image
    JotForm Support

    Answered by Kiran on July 05, 2017 at 04:47 AM

    I have checked your JotForm and it seems that you have removed the CSS code from the form. I have added it again to your form and see that the labels are aligned to left. The issue was caused by the label alignment on the form which was set to left. I changed it to Right now on your form and it is displaying the labels correctly.

    The headers are also aligned to right now on the form. Please check and let us know if you need any further assistance.

  • Profile Image

    Answered by iEyado on July 05, 2017 at 05:09 AM

    thanks for your quick response. unfortunately, it's displaying in wrong side .. I open the form link in explorer and firefox same results.

     

     

     

  • Profile Image
    JotForm Support

    Answered by Kiran on July 05, 2017 at 05:53 AM

    Sorry about that. Though the preview is displaying the labels to the right, the actual form view is displaying them to the left. This is due to the individual form fields label alignment is not correctly. I have set them to the right side now.

    Please check now and let us know if you see any further issue.

  • Profile Image

    Answered by iEyado on July 05, 2017 at 06:36 AM

    it's working know. thanks 

  • Profile Image

    Answered by iEyado on July 05, 2017 at 07:55 AM

    dear, when I add new fields it doesn't match right side?

    https://form.jotform.me/71823015011440 

    how you did it for each field as you sid "This is due to the individual form fields label alignment is not correctly. I have set them to the right side now" ?

  • Profile Image
    JotForm Support

    Answered by Kiran on July 05, 2017 at 11:28 AM

    Please try disabling the option Set as Form default in the field properties as shown in the screencast below:

    Hope this information helps! 

  • Profile Image

    Answered by iEyado on July 06, 2017 at 08:50 AM

    thanks it's work. but the box fields alignment on left ??

     

     

     

  • Profile Image
    JotForm Support

    Answered by david on July 06, 2017 at 11:58 AM

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

    Inside of that form they 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 

    If you use that as your base template for forms, all text and fields will be right to left. 

    For your specific form, the theme applied to the form is overwriting any change made to field positioning.  If you remove the theme or apply the default theme, your form fields will be moved to the right with the current CSS.  You can also add the following CSS after the theme is removed:

    .form-sub-label {

    direction:rtl;

    unicode-bidi:bidi-override;

    }

    .form-all {

    direction:rtl;

    }

    .form-line-column,

    .form-label-right,

    .form-radio-item {

    float:right;

    }