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

    How can I change the width of a text box in the widget?

    Asked by chswecke on June 05, 2015 at 06:10 PM

    How can I change the width of a text box in the widget?

    This is a re-post of a comment on How to Set Up the Configurable List Widget

  • Profile Image

    Answered by Boris on June 05, 2015 at 07:57 PM


    You can do so by adding custom CSS into your Configurable List widget.

    To change the width of a Text Box field, you would use .col# as a selector for the column (where # is replaced by a number of the column), and > input as a selector for a Text Box.

    So if we wanted to target text fields in the first and sixth column, we would use the following custom CSS:

    .col1 > input, .col6 > input { width: 300px !important; }

    The code would change the list from looking like this: http://form.myjotform.com/form/41112368425549

    To looking like this: http://form.jotformpro.com/form/51557551832963

    Please let us know if you need further guidance with customizing the look of your Configurable List widget, we will be happy to help.