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

  • Profile Image
    chswecke
    Asked 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
    Boris
    Answered on June 05, 2015 at 07:57 PM

    Hello.

    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.