Change Full Name and Phone Number width

  • Profile Image
    dringram
    Asked 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
    idarktech
    Answered 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
    dringram
    Answered 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
    idarktech
    Answered 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
    dringram
    Answered 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
    idarktech
    Answered 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!