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

    Field smaller than border.

    Asked by ipbr21054 on March 15, 2016 at 05:01 PM

    Here is the form http://form.jotformeu.com/form/60712393428355

    I've applied a border to the fields but as you can see the message field white area is smaller than its black border. 

    I need the White message area to touch the black border. 

    ALL fields outer edges will then be vertically aligned. 

    Cant see where the issue lies ?

    Screenshot
    Than message jotformeu all then
  • Profile Image
    JotForm Support

    Answered by Kiran on March 15, 2016 at 06:10 PM

    Please inject the following code to your JotForm to have the border to the edges of text-box and textarea fields.

    .form-textbox {

        border : 3px solid #000000!important;

    }

    .form-dropdown {

        border : 3px solid #000000!important;

    }

    .form-textarea {

        border : 3px solid #000000!important;

    }

    The fields should be displaying as shown below after injecting the code above to your form.

    If you need any further assistance, please let us know. We will be happy to help.

  • Profile Image

    Answered by ipbr21054 on March 15, 2016 at 06:13 PM

    Hi

    By doing that the part number field box has moved to the left. 

    It needs to stay centred under the word part number. 

  • Profile Image
    JotForm Support

    Answered by Kiran on March 15, 2016 at 06:29 PM

    Please add the following additional code to your form to align the field to center.

    .form-input-wide.jf-required {

        margin: auto;

    }

    It should be now displaying as shown below:

    Hope this information helps! 

  • Profile Image

    Answered by ipbr21054 on March 15, 2016 at 06:38 PM

    Thanks that looks better. 

    Whilst you are there looking at the email address field you will see the grey text to the left of the field. 

    I'm going to also Center the grey text to its field so is it just text-align:center;

    to achieve this ?

  • Profile Image
    JotForm Support

    Answered by Kiran on March 15, 2016 at 06:47 PM

    I've moved your other question to a separate thread and shall be answered shortly.

    http://www.jotform.com/answers/795475

    Thank you!