What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Configurable List Widget: Change width of input text box

    Asked by Navassa 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.

    Page URL:
    http://www.qslnow.com/fs---st-martin.html

    My Forms UTC assistance wider and
  • Profile Image
    JotForm Support

    Answered by Charlie 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

    Answered by Navassa 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
    JotForm Support

    Answered by Charlie 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

    Answered by Navassa on March 23, 2015 at 07:24 PM

    Perfect;  all working fine.  Thank youi

  • Profile Image
    JotForm Support

    Answered by Charlie 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.