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

    Text direction and form fields alignment

    Asked by HilahSegal on November 08, 2015 at 10:36 AM

    Hello :)

    Thank you for your respond. However, according to your suggestion, only the "text area" and the "radio Button" are on the left side, and the text is on the right.

    Please advise,

    Thank you,

    Hilah

    text direction rtl ltr right to left left to right hebrew hebrew form form fields alignment
  • Profile Image
    JotForm Support

    Answered by Jan on November 08, 2015 at 10:52 AM

    I presume that you are working on this form (http://www.jotform.me/form/53044054915451).

    I can see the text fields are already directed from right to left.  I can also see the fields at the right.

    May I know what is the issue here? Are you referring to the distance between the label and the form field?

    We'll wait for your reply. Thank you.

  • Profile Image

    Answered by Hilah on November 09, 2015 at 08:01 AM

    I would like to swich between the text and the boxs etc.

    In Hebrew questionnairesthe text should be on the right and the "fill in" space should be on the left. (As I've put in the picture attached)

    Is this something that possible?

    Thank you,

    Hilah

  • Profile Image
    JotForm Support

    Answered by Jan on November 09, 2015 at 10:16 AM

    Yes, it is possible. Please check this demo form. Here's a guide on how I did it.

    1. Make sure that the Label is on the top of the field.

    2. Please inject this custom CSS code:

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

    .form-all {direction:rtl;}

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

     

    3. Now, you need to get the ID selector of the field so that you can align or position it on the left. I used Google Chrome Inspect Element in order to identify the selector.

    After that, you'll need to add another CSS code that targets those selectors. On that form, here's the additional CSS code I've used.

    #cid_3, #cid_4 , #cid_5 { text-align: left;}

     

    Hope that helps. Let us know if you have any questions. Thank you.