I would like to align 3 fields in one row with equal widths

  • benjaming
    Asked on February 25, 2018 at 2:30 PM

    Hello,

    In this form: https://eu.jotform.com/build/42115693318353, I'd like to make the following changes:

    - I would like the 3 fields #input_42_day, #input_42_month, #input_42_year to appear equally wide in 1 row 

    - Idem for #input_43_day, #input_43_month, #input_43_year

    -

    For #input_24  I'd like to have the same font and size of the labels and of the input text than the rest of the form. I'd also like to have the 3rd, 4th and 5th column to be much more wide and to let them use the whole row-length.

    Thank you in advance.

  • Support_Management Jotform Support
    Replied on February 25, 2018 at 3:53 PM

    - I would like the 3 fields #input_42_day, #input_42_month, #input_42_year to appear equally wide in 1 row 

    - Idem for #input_43_day, #input_43_month, #input_43_year

    To achieve the two items above, please append these CSS codes at the end of the existing codes you have on your FORM BUILDER:

    #cid_42, #cid_43 {

        min-width: 100% !important;

    }

    #cid_42 span, #cid_43 span {

        width: 31% !important;

    }

    RESULT:

    I would like to align 3 fields in one row with equal widths Image 1 Screenshot 20

    - For #input_24  I'd like to have the same font and size of the labels and of the input text than the rest of the form. I'd also like to have the 3rd, 4th and 5th column to be much more wide and to let them use the whole row-length.

    I had to move this one to its separate thread since this is about the Configurable List Widget.

    https://www.jotform.com/answers/1396485

    I'll be replying there shortly.