How to adjust width of Configurable list columns?

  • Profile Image
    slhsgraduate
    Asked on August 09, 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

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

    I will appreciate your help to adjust individually each column.

    Thanks.

  • Profile Image
    Nik_C
    Answered on August 10, 2017 at 03:17 AM

    For example this code:

    td, input {

        width: 70px;

    }

    td, select{

        width: 70px;

    }

    Will adjust all fields:

    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!

     

  • Profile Image
    slhsgraduate
    Answered on August 10, 2017 at 03: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,

  • Profile Image
    Chriistian
    Answered on August 10, 2017 at 03: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.