How to adjust width of Configurable list columns?

  • slhsgraduate
    Asked on August 9, 2017 at 11:24 PM

    Hello,

    I am trying to adjust individually the width of the columns in Configurable List. I found a few resources, but I have not been able to make it work so far:

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

    I will appreciate your help to adjust individually each column.

    Thanks.

    Jotform Thread 1220284 Screenshot
  • Nik_C
    Replied on August 10, 2017 at 3:17 AM

    For example this code:

    td, input {

        width: 70px;

    }

    td, select{

        width: 70px;

    }

    Will adjust all fields:

    How to adjust width of Configurable list columns? Image 1 Screenshot 20

    The first block is for inputs and the second one is for the dropdown.

    Just copy the above code in custom CSS of your Configurable list.

    Also, change the width to fit your needs.

    Thank you!

     

  • slhsgraduate
    Replied on August 10, 2017 at 3:00 PM

    Hi,

    I want to adjust INDIVIDUALLY the width of each column. Specifically, column 2 (Format) has to be longer than column 3 (CEUs Hours).

    Thanks,

    How to adjust width of Configurable list columns? Image 1 Screenshot 20

  • Chriistian Jotform Support
    Replied on August 10, 2017 at 3:23 PM

    The CSS you have shown in your screenshot seems to be the way to go except that you should remove the commas in your selectors.

    How to adjust width of Configurable list columns? Image 1 Screenshot 20