Phone Number field shrinks automatically, can't enlarge

  • Profile Image
    dstein
    Asked on November 20, 2017 at 01:39 PM

    We need the phone number field to be one field, not two.  In following other instructions from other threads, we used the Phone Field (now under basic elements instead of quick elements) and removed the Input mask, deleted the default mask (###) ###-####

    We tested this new format with Zoho, and this integration works correctly, but looks terrible.

    When we do this, the entire field is now only the width of the area code, and not the width of the full line.  How can we make this phone field wider?

    Form:

    https://form.jotform.com/70196221287153

  • Profile Image
    Sabbir
    Answered on November 20, 2017 at 01:48 PM

    I have add some CSS code in your Form Designer's CSS tab for the Phone number field.

    Can you check and let us know if its ok with you?

  • Profile Image
    dstein
    Answered on November 21, 2017 at 03:39 PM

    ah!  Looks super duper!  You didn't have to do that!  I would've done it if you told me how.

    Thank you for your generosity!

  • Profile Image
    Kevin_G
    Answered on November 21, 2017 at 05:08 PM

    You can inject CSS codes to your form following this guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    I'm glad to know it worked, if you need further assistance, please  let us know.