Configurable list widget: Add new child information

  • dcsupervisioninc
    Asked on May 8, 2024 at 1:16 PM

    The problem that I am having trouble finding is I am currently making a registration form for my company but after I have finished making my form I am trying to find a widget or element that makes it so if the parent has more than 1 kid to register they can click an "add another" button and this button can paste all the questions from the form again instead of having them resubmit a new form for another child.

  • Princess JotForm Support
    Replied on May 8, 2024 at 3:25 PM

    Hi Diego,

    Thanks for reaching out to Jotform Support. You may want to consider using a Configurable List widget. You can add as many rows as you’d like of dropdown menus, text fields, calendars, and more. Let me show you how to add it to your form:

    1. In Form Builder, click the Add Form Element button on the upper-left side of the page.
    2. Navigate to the Widgets tab and search for and click Configurable List from the list. You can also drag and drop it to your form to add.
    3. Configure your fields in Widget Settings by clicking the wand icon. Configurable list widget: Add new child information Image 1 Screenshot 30

    This is optional, but you can add a Custom CSS code to make it look better. You can add it on the Widget Settings under Custom CSS tab. Here's an example CSS code below:

    @media (min-width: 300px) {
    #listContainer .configurable-list-field-label {
    min-width: calc(800px - 100px);
    }
    .configurable-list-field-row {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: flex-start !important;
    }
    }

    /* Add Row button color */
    .add{
    background: #50C878 !important;
    }

    Here's the result:

    Configurable list widget: Add new child information Image 2 Screenshot 41

    Here's the link to my cloned form for you to check and see the results. Also, you can clone the form by following this guide on How to Clone an Existing Form From a URL.

    Additionally, you can check out this guide on How to Set Up the Configurable List Widget for more detailed information.

    Give it a try and let us know if there’s anything else we can help you with.

Your Answer