Configurable List Widget: Change width of input text box

  • Profile Image
    Navassa
    Asked on March 22, 2015 at 08: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.

  • Profile Image
    Charlie
    Answered on March 23, 2015 at 02: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

  • Profile Image
    Navassa
    Answered on March 23, 2015 at 07: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 .....   ???

  • Profile Image
    Charlie
    Answered on March 23, 2015 at 09: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.

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

     

    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.

  • Profile Image
    Navassa
    Answered on March 23, 2015 at 07:24 PM

    Perfect;  all working fine.  Thank youi

  • Profile Image
    Charlie
    Answered 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.