Input Table:Let user add rows

  • Unthank
    Asked on September 14, 2019 at 3:00 PM

    I've created a pre-order form but can the rows be added via the form itself if, say, more than 30 people need to book. The number of rows needs to be a bit fluid ideally but don't want the form to be ridiculously long for everybody: https://form.jotformeu.com/91922455958369

  • John Support Team Lead
    Replied on September 14, 2019 at 4:49 PM

    You can try a Configurable List widget as an alternative. This allows you to define the various field types per column on the list in a matrix-type of layout. The user can add more rows when necessary.

    Please see this demo form for your reference.

    Here's a complete guide on How-to-Set-Up-the-Configurable-List-Widget.


  • Unthank
    Replied on September 15, 2019 at 11:54 AM

    Hey,

    I saw that solution but how would I incorporate that into the form / rows I already have?

    I like my form, it just needs to have option for user to add additional rows if required...

  • John Support Team Lead
    Replied on September 15, 2019 at 12:19 PM

    You may try using converting your input table into a configurable list and see if that will satisfy the requirement. 

    Unfortunately, it is not possible for the input table to let users add new rows so the configurable list widget can be the best alternative with this feature.

  • Unthank
    Replied on September 15, 2019 at 1:08 PM

    How would I even do that so it still looked / behaved the same please?

  • Mike_G JotForm Support
    Replied on September 15, 2019 at 1:43 PM

    If you are asking how can you set up the Configurable List widget in your form, please see the information in this guide — How-to-Set-Up-the-Configurable-List-Widget

    However, if you are looking to create the same exact table in your form using the Configurable List widget, you may inject custom CSS codes to the widget to fit it on your form — How-to-Inject-Custom-CSS-Codes

    If you need any further assistance, please feel free to let us know.

  • Unthank
    Replied on September 15, 2019 at 2:56 PM

    What css would I be able to use please?

    I have read the guides but afraid I need more clear assistance if possible please.

  • Mike_G JotForm Support
    Replied on September 15, 2019 at 4:48 PM

    I have created a separate form that only has the Configurable List widget. I have set up the widget based on the Input Table field in your form.

    Here's the link to the form — https://form.jotform.com/92575753942974

    I suggest that you create a cloned version of that form to your account so you can inspect it — How-to-Clone-an-Existing-Form-from-a-URL

    1568579713zt16 33 Screenshot 10

    Then, you can use the Field Manager app to copy the Configurable List widget in the cloned version of the form that is on your account to the form that you linked in this thread.

    1568580360zt16 44 Screenshot 21

    Note: If you delete the existing Input Table field in your form, all the submission data associated with it will also be deleted and it can no longer be recovered. You can create a back-up of the existing submissions by downloading it before deleting the Input Table field.— How-to-Partially-Download-Form-Submissions-as-Excel-CSV-PDF

    I hope this helps. If you have other questions or concerns, please do not hesitate to let us know.