How to adjust the width of the fields on Infinite List widget?

  • JoshLead
    Asked on February 7, 2018 at 3:32 PM

    I'm using the infinite list widget in a form, however it is not showing up too wide for the frame. I can't seem to change it to make it fit. Can you help?

    Jotform Thread 1376639 Screenshot
  • Jed_C
    Replied on February 7, 2018 at 5:17 PM

    I tried cloning your form and there seem to be an issue with your infinite list widget. What I encountered was that it doesn't allow me to update the widget.

    Please try deleting the widget and add a new one then inject the CSS code below to adjust the width of the fields.

    input[type=text] {

        width: 126px !important;

    }

    Adjust the widget base on your preferred size by changing the "px" value highlighted above. Let us know if you have any questions or if you need further assistance. 

  • JoshLead
    Replied on February 8, 2018 at 11:43 AM
    I tried this. However, the “save” button doesn’t show up in the form. Can
    you help?
    For the King,
    *Josh Franks*
    Executive Director
    josh@leadcma.org
    (740) 326-0055
    ...
  • David JotForm Support Manager
    Replied on February 8, 2018 at 12:59 PM

    The save button shows up:

    1518112084add Screenshot 10

    Also, if you would like to customize it through CSS injection, here is how to do it: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets 

    Example code: 

    .save {

        width: 180px;

        border-radius: 5px;

        padding: 7px;

        background: steelblue;

    }

    .save:hover {

        background: darkblue;


    }

    Result:

    1518112723test Screenshot 21