Configurable List custom CSS

  • Profile Image
    curtiselectricalqld
    Asked on April 09, 2019 at 03:59 PM

    I have started making a time sheet form and want to make the text fields different sizes, if you look at the link attached, the first text field needs to be wider and the 2 last text fields need to be only 3 numbers wide, also I cant seem to add an extra column, it only allows me to have 5, is this possible to have a 6th column?

    Thanks in advance

  • Profile Image
    Kevin_G
    Answered on April 09, 2019 at 05:44 PM

    You can resize the text areas on your widget with this code: 

    .col1 textarea {

        width: 100px;

        height: 100px;

    }


    .col4 textarea {

        width: 100px;

        height: 100px;

    }


    .col5 textarea {

        width: 100px;

        height: 100px;

    }

    This guide will help you injecting the code to your widget: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets 

    You should be able to add more columns to your widget, this guide will help you configuring it: https://www.jotform.com/help/282-How-to-Set-Up-the-Configurable-List-Widget