Width of Configurable List Wiget and Full Name Element

  • browndoglodge
    Asked on May 25, 2019 at 12:54 AM

    Hi,

    I am working on this form: https://www.jotform.com/build/91438730612152 and have two questions: 


    1. I have a Configurable List widget toward the top and would like to change the width of the Employee Name text box. How do I do this?


    2. Similar to #1, I have a full name element (Field IDs #first_16,#last16) and would like to change the width of the "first" box. In my form it is labled "Location". How do I do this? 


    Thank you for your help

  • Victoria_K
    Replied on May 25, 2019 at 5:33 AM

    For the Configurable List list, I can suggest to adjust the width with CSS code:

    Width of Configurable List Wiget and Full Name Element Image 1 Screenshot 20

    Here is the code: 

    .col1 > input {

        width: 200px;

    }

    Please inject it following this guide: How-to-Inject-CSS-Codes-to-Widgets

    Same you can do to change width for name textbox. Here is the code:

    #first_16 {

        width: 200px;

    }

    This code should be added to the form. Here is how: How-to-Inject-Custom-CSS-Codes