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

    Change Full Name and Phone Number width

    Asked by dringram on December 14, 2012 at 09:08 PM

    Some of the form fields such as Name and Telephone number do not allow the field width to be adjusted and it can truncate the view if the type size is too large. Is there a way to increase the width of these fields.



    This is a re-post of a comment on Quick Overview of Form Fields

  • Profile Image
    JotForm Support

    Answered by idarktech on December 14, 2012 at 09:13 PM

    Hi,

    You can Inject Custom CSS Codes to your form to be able to control the sizes of the Full Name field and Phone Number field. May we know the form URL where these fields are so we can help you with the css codes?

    We'll wait your reply.

  • Profile Image

    Answered by dringram on December 14, 2012 at 09:17 PM

    I thought that was probably going to be the answer. Here is the form URL:

    http://www.jotform.com/?formID=23459316720958

    Thanks

  • Profile Image
    JotForm Support

    Answered by idarktech on December 14, 2012 at 09:34 PM

    Thanks.

    Try it with this codes:

     /*--all first names--*/

    #first_6, 

    #first_22, 

    #first_45, 

    #first_27{

    width: 150px !important;

    }

     

    /*--all last names--*/

    #last_6, 

    #last_22, 

    #last_45, 

    #last_27{

    width: 180px !important;

    }

     

    /*--phone numbers--*/

    #input_13_area, #input_34_area{width: 80px !important;} /*-areacode-*/

    #input_13_phone, #input_34_phone{width: 120px !important;} /*-number-*/

    Guide: How to Inject Custom CSS Codes to your Form

    Let us know if you need further assistance. Thanks!

  • Profile Image

    Answered by dringram on December 14, 2012 at 09:42 PM

    Thanks. I won't be able to try it for a few days, but I'll let you know how it goes.

  • Profile Image
    JotForm Support

    Answered by idarktech on December 14, 2012 at 09:44 PM

    Great!

    Feel free to change the width values to your preferred one, mine might be wider =)

    Thanks!