Irregular field length

  • NCDEX1
    Asked on September 13, 2017 at 7:47 AM

    The size of the fields in my form, link given below, is irregular... I want all the field lengths to be of equal size.

    Screen shot & form link attached.

     

    Jotform Thread 1246400 Screenshot
    Page URL: https://www.jotform.com/build/72001240129439
  • BJoanna
    Replied on September 13, 2017 at 10:47 AM

    Please note that the width of the fields is not the same inside of the Form Builder and on your live form because of the Theme that you are using. 

    The screenshot you provided is from the Form Builder and this is how the same fields look on your live form.

    Irregular field length Image 1 Screenshot 30

    To increase the width of the 'Type' field add this CSS code to your form:

    [data-type="control_dropdown"] .form-input, [data-type="control_dropdown"] .form-input-wide {

        width: 434px!important;

    }

    How to Inject Custom CSS Codes

     

    For the fields (Mobile Number, Telephone No, Email ID) on the second page, you will have to set Shrink option to OFF.  

    Irregular field length Image 2 Screenshot 41

    Here is my demo form : https://form.jotformpro.com/72553836366970 

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