Phone Number field is cut off

  • Profile Image
    securenetwork
    Asked on December 07, 2016 at 02:07 PM

    I recently updated all phone # fields on all my forms. Now most of them are working fine but a few are not showing the full field and its getting cut off. Please take a look. I have tried updating the fields but they are all the same issue. Please help.

     

    https://form.jotform.com/63045807896164

    https://form.jotform.com/62745488780167

    https://form.jotform.com/62697295158168

     

  • Profile Image
    BJoanna
    Answered on December 07, 2016 at 04:38 PM

    On third form that you provided Input Mask is turned off and I did not saw any issue with Phone Number field.

    On your other forms I noticed that Phone Number fields are not wide enough. You can resolve this issue by adding this CSS code to all of your forms that are having mentioned issue:

    .mask-phone-number.form-textbox {

        width : 185px!important;

    }

    How to Inject Custom CSS Codes 

    After you add mentioned CSS code to your form Phone Number fields will look like this. 

    Here is my cloned form: https://form.jotform.com/63416811625959 

    Feel free to clone it

    Hope this will help. Let us know if you need further assistance.