How can I change the only one textbox size in a Configurable List widget

  • curtiselectricalqld
    Asked on February 16, 2019 at 7:50 PM

    How can I change the only one textbox size in a Configurable List widget.


    As the first box is quantity, needing only 3 digits and the other is a description needing more? 

  • Kevin Support Team Lead
    Replied on February 16, 2019 at 10:22 PM

    Sorry, I do not understand which field you want to change the size to, do you want to change the size to the "Quantity" or "Description or Cat No." field? 

    Please kindly let us know so we can provide you with the needed code for that. 

    Also, for the quantity field you may instead use a text box, this guide will help you setting up the widget: https://www.jotform.com/help/282-How-to-Set-Up-the-Configurable-List-Widget 

    We will wait for your response. 

  • curtiselectricalqld
    Replied on February 19, 2019 at 12:51 PM

    Hi

    the first field, Quantity

  • Kevin Support Team Lead
    Replied on February 19, 2019 at 2:27 PM

    Inject this code to change the element size: 

    td.col1 textarea {

        width: 25px;

        height: 25px;

    }

    You can change the 25 value according to how you want the field to be displayed, this guide will help you injecting the code to your widget: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets