Change the size of a box in a configurable list

  • cchfform
    Asked on July 3, 2019 at 12:19 PM

    how do i change the size of each individual element in the list?

    Page URL: https://www.jotform.com/build/91775682295169
  • Mike
    Replied on July 3, 2019 at 1:49 PM

    This is possible to adjust the styles of the Configurable List widget fields with added custom CSS code. For example, to change the size of the first two fields:

    .col1 input {
    width: 200px !important;
    }
    .col2 input {
    width: 70px !important;
    }

    Change the size of a box in a configurable list Image 1 Screenshot 20

    The fields can be also placed in a vertical layout with added CSS, see:

    How to Make the Configurable List Widget Mobile Responsive