Can I change the width of the phone number field?

  • Profile Image
    srtrappe
    Asked on November 13, 2021 at 11:56 PM

    My form has a phone number field. I wanted to apply an input mask to validate the phone number, but if I select the default input mask of "(###) ###-###", the extra characters from the input mask make phone number too wide to fit into the field, so digits are cut off when a user enters it. Even with a simpler input mask "###-###-####" the field is not wide enough to show all the digits of the phone number.

    I can't see any way I can make the field wider. Is there something else I can do? I suggest either giving the user some control over the field width, or dynamically resize the field to make sure it is at least as wide as the input mask.

    Thank you for creating a truly easy-to-use on-line form generator. I am using your free version to create a registration form for my father's memorial service.

  • Profile Image
    John
    Answered on November 14, 2021 at 02:29 AM

    Please try injecting this code to your form:

    input#input_10_full {
      width: auto!important;
    }

    Here's a guide on how-to-inject-custom-css-codes.

    This will be the result:

    1636874979_6190bae36f981_

  • Profile Image
    srtrappe
    Answered on November 15, 2021 at 02:05 AM

    Thank you, this worked perfectly!


    Scott