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

    fields labels in Hebrew are adjusted to the left and their is too small

    Asked by moshesh on May 12, 2013 at 07:28 AM

    Hi

    Find attached a picture of the form

    The field labels are adjusted to the left instead of the right . When I use the label adjustment menu and choose the right adjustment option, the label jumps to the left of the form

    Also, the font size of the label is too small compared to the font size of the text

     

    Please advise

    Moshe 

    Screenshot
    size label font size font
  • Profile Image

    Answered by jeanettebmz on May 12, 2013 at 02:54 PM

    I guess what you just need is to change the direction of the letters , rather than having the labels to align to the right or left in your form

    .form-all{ 

    direction: rtl; 

    }

    On regards to the font size , you can just change Form Them or , you can enlarge it by adding

    .form-all {
         font-size: 14px;
    }

    So the final code should be :

     

    .form-all{ 

    direction: rtl;

    font-size:14px;

    }

    You can choose the size of your preference, kind regards

     

  • Profile Image

    Answered by moshesh on May 13, 2013 at 07:26 AM

    Hi jeanettebmz

    Find attached is a snapshot of a matrix form. As you can see the form and the form items are adjusted to the left instead of the right. This in spite of the fact that I inject the following code into the css:

    /* changes the text direction and general layout */ .form-all { direction: rtl !important; unicode-bidi: bidi-override !important; }/* moves the labels to the right of the inputs and adjusts spacing */ .form-label-left { float:right; padding-left:10px; }/* aligns textboxes that don't have sub-labels with those that do */ #cid_12,#cid_14 { padding-right:5px; }/* aligns dropdown selectors with textboxes */ #cid_4,#cid_6,#cid_5 { padding-right:7px; }/* aligns submission button with textboxes and dropdowns */ #id_2 { padding-right:180px; }

    So the problem with the right adjustmet occurs both in my contact and matrix forms

    Please advise on how to solve it

    BR

    Moshe

  • Profile Image

    Answered by moshesh on May 13, 2013 at 07:42 AM

    Hi jeanettebmz

    Sorry, I neglected to attach the snapshot. So here it is

     

    BR

    Moshematrix form

     

     

  • Profile Image

    Answered by jefreylandicho on May 13, 2013 at 10:55 AM

    Please add the CSS code below in your form styles to align the text from left to right.

    .form-matrix-row-headers { text-align:right; }

  • Profile Image

    Answered by moshesh on May 13, 2013 at 11:18 AM

    Hi  jefreylandicho

    Your solution worked great for my matrix form. Now hat about my contact form?

    Please advise

    Moshe

  • Profile Image

    Answered by jefreylandicho on May 13, 2013 at 12:43 PM

    For the contact form, you can try the css code below.

    .form-label-left { text-align:right; }