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 width or character numbers of the individual Full Name text fields when the Middle Name is turned off?

    Asked by Posturally on June 09, 2014 at 11:58 PM

    How can I change the width or character numbers of the individual Full Name text fields when the Middle Name is turned off?

    Page URL:
    noneyet

    name
  • Profile Image
    JotForm Support

    Answered by ashwin_d on June 10, 2014 at 04:27 AM

    Hello Posturally,

    If I understand your requirement correctly, you want increase the width of the "First Name" and "Last Name" field. Is that correct?

    You can inject custom form / field specific css code to increase the width of the full name field. I did check your form but the width seems to be correct in both the forms.

    I have created a demo form for you to explain you how to increase the width:

    1. Create a form with full name field.

    2. Find the id of the "First Name" and "Last name" field. The following guide should help you:  http://www.jotform.com/help/146-How-to-find-Field-IDs-Names

    3. Inject the following custom css code to increase the width of the field:

    #first_1, #last_1{

    width: 150px !important;

    }

    The bolded text in the above css need to be replaced by the field IDs you have got in step number 2. The following guide should help you in injecting custom css code:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!