How to reduce the column width of the "Configurable List" widget columns

  • NMHGAPTraining
    Asked on November 20, 2014 at 9:11 AM

    How to reduce the column width of the "Configurable List" widget columns. Please check the screenshot below which you want to share:

    http://www.jotform.com//?formID=43102686188963

  • Welvin Support Team Lead
    Replied on November 20, 2014 at 9:31 AM

    Hi,

    We don't see your screenshot here so please add it again by following this guide: https://www.jotform.com/answers/277033

    Adjusting widths is possible by adding a custom CSS codes to the CSS area of the widget, the following:

    For column 1:

    .col1 input[type="text"] {

    width: 100px;

    }

    For column 2, 3, 4 and 5:

    .col2 select, .col3 select, .col4 select, .col4 select {

    width: 100px !important;

    }

    Change the value to your desired width. Again, you have to run the widget wizard and paste it in the CSS area of the widget:

    How to reduce the column width of the Configurable List widget columns Image 1 Screenshot 20

    Please get back to us if you need further assistance.

    Thank you!