How do I change the width of the fields in the Configurable list widget?

  • Profile Image
    ABSDigitalTeam
    Asked on January 16, 2020 at 03:37 AM

    I'm trying to minimize the width of each column since it's going over the form size, I already tried:

    input[type="text"] {

    width: 150px !important;

    }

    AND

    td.col2 > input {

    width: 200px;

    }

    (this one I tried for every column as well (ex, td.com1, td.co2, etc))

    I pulled both of these from other answers here but they're not working for me, can you please give me some guidance?



    This is a re-post of a comment on How to Set Up the Configurable List Widget

  • Profile Image
    Kiran
    Answered on January 16, 2020 at 07:21 AM

    Please try adding the following CSS code to the Custom CSS section of the Configurable list widget.

    th, textarea {

        width: 110px !important;

    }

    Also, please go through the guide below that can help you with making the configurable list widget responsive.

    https://www.jotform.com/help/456-How-to-Make-the-Configurable-List-Widget-Mobile-Responsive

    Thanks!