How to adjust the width of the Configurable List Widget fields?

  • dirtydozen
    Asked on October 7, 2018 at 5:26 AM

    fantastic tool! how can i configure the width of any field? is it possible?

    tnx Alex

  • Adrian
    Replied on October 7, 2018 at 5:54 AM

    You can adjust the width of the fields of the Configurable List Widget by injecting Custom CSS to the widget.

    Demo: https://form.jotform.com/82792336618971

    Custom CSS:

    input,
    textarea,
    select {
      width: 100% !important;
    }

    .col1 {
      width: 100px;
    }
    .col2 {
      width: 200px;
    }
    .col3 {
      width: 300px;
    }

    Using the custom CSS above, I have changed the width of the first field to 100px, the second field to 200px, and the third field to 300px.

    Related Help Article: How-to-Inject-CSS-Codes-to-Widgets


    Please let us know if you need further assistance.