Change Full Name and Phone Number width

  • dringram
    Answered on December 14, 2012 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.

  • idarktech
    Answered on December 14, 2012 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.

  • dringram
    Answered on December 14, 2012 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

  • idarktech
    Answered on December 14, 2012 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!

  • dringram
    Answered on December 14, 2012 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.

  • idarktech
    Answered on December 14, 2012 09:44 PM

    Great!

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

    Thanks!