Increase phone field width

  • Profile Image
    Peoria_CS
    Asked on March 05, 2019 at 03:42 PM

    How do I increase the width of the Phone field so that it displays all of the ten required numbers? It's so small it only displays seven now.


  • Profile Image
    Mike_G
    Answered on March 05, 2019 at 05:07 PM

    To increase the width of the Phone fields in your form, you may inject the following CSS codes to your form.

    input[data-component="phone"] {

        width: 100px !important;

    }

    1551823577t17_03_51.png

    How-to-Inject-Custom-CSS-Codes

    I hope this helps. If you have other questions or concerns, please do not hesitate to let us know.

  • Profile Image
    Peoria_CS
    Answered on March 05, 2019 at 08:39 PM

    When I click on CSS in the Form Designer the screen goes completely white and I have to exit out of the site and go back in.


  • Profile Image
    BDAVID
    Answered on March 05, 2019 at 09:47 PM

    This appears to be the last form you have attempted to edit: https://form.jotform.com/90438714281155

    I have injected the CSS code, and it saved successfully. Please try clearing your browser's cache. If you continue being logged out of the account when you attempt to access your form's CSS area, please let us know what browsers you are using, and also share a screenshot of the browsers console report:

    https://www.jotform.com/help/453-How-to-get-a-console-report-from-most-common-browsers 

    https://www.jotform.com/help/438-How-to-Post-Screenshots-to-Our-Support-Forum