Irregular field length

  • Profile Image
    NCDEX1
    Asked on September 13, 2017 at 07: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.

     

  • Profile Image
    BJoanna
    Answered 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.

    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.  

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

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