Configurable List Widget: Change width of input text box

  • Navassa
    Asked on March 22, 2015 at 8:42 PM

    I have published this form and works fine.  However, I would like to REDUCE THE WIDTH  of the Cell bxi titled  "UTC". 

    It needs to be able handle only a total of   5 Numbers   ( example:   12345  )      Currently it is much wider.

    Need assistance how/where to do this on the existing form if possible.   I have supplied the URL where this form is located.

     

    Thank you.

  • Charlie
    Replied on March 23, 2015 at 2:32 AM

    Hi,

    Are you referring to the width or the number of characters allowed in the UTC input text box?

    If you would just like to change the width, you can do that by adding this custom CSS code in your widgets setting.

    td.col3 > input[type="text"] {

    width: 5em !important;

    }

    You can adjust the width with your preferred size.

    I hope that helps. Do let us know if you need more assistance on this.

    Thank you

  • Navassa
    Replied on March 23, 2015 at 7:20 AM

    Thank you, but  "WHERE" do I copy this code.   I copied into the bottom of the CSS screen in Weebly web builder.   No change in width .....   ???

  • Charlie
    Replied on March 23, 2015 at 9:17 AM

    Hi,

    Sorry about that, you can add the custom CSS code inside the wizard settings of Configurable List widget, you can follow the screenshot below.

    1. Click the wizard icon in the Configurable list widget.

    Configurable List Widget: Change width of input text box Image 1 Screenshot 30

    2. Scroll down and paste the custom CSS code here.

    Configurable List Widget: Change width of input text box Image 2 Screenshot 41

     

    You can adjust the width value there. You can check the test cloned form here: http://form.jotformpro.com/form/50811727370957.

    I hope this helps. Do let us know if you need more information on this.

    Thank you.

  • Navassa
    Replied on March 23, 2015 at 7:24 PM

    Perfect;  all working fine.  Thank youi

  • Charlie
    Replied on March 23, 2015 at 10:08 PM

    You're welcome, I'm glad it worked.

    If you needed any assistance again, please do not hesitate to create a new thread here in the forum.

    Thank you.