JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Provide buttons for adding persons per applicationAsked by zimmerfrei on March 20, 2015 at 04:43 PM
I've been working on a form that will be used as an application form for tenants of an housing cooperative. For our purposes, every application is regarding a whole household that applys for an appartement. Since a household can be composed of multiple persons, the application form should give applicants the possibility to add persons according to their household (instead of providing a very long form with the max. number of possible persons).
I image that the form will provide some kind of „+“-button, that would open another mask for filling in the person-related data (we furthermore differ between adults and minors as persons providing them different masks, so one „+ 1 adult“-button and a „+ 1 minor“-button needed, opening the respective masks).
How can i make that happen? I tried a bit with the „if...“-conditions-function, but i think it would take a different approach. Can you help me on that matter?
Thank you for contacting us.
It is possible to use Configurable list widget which comes with the "+" button to add additional rows.
Alternatively, you will need to use conditional logic to show additional fields based on user selections. For example, it is possible to use Form Collapses as sections:
If you need any further assistance on this, please let us know.
Thanks a lot Mike!
I tried both ways. It works with the collapse tool, but i would have to manually duplicate and rearrange a lot of fields (for every potential added person ca. 20 fields..that would mean around 300 times duplicating fields..). Also, the way i see it, this procedure wouldn't result in ONE "add person"-button that opens a new section, but instead in as many "add person"-buttons as i think will be necessary (like 15 or so). Which, userwise, doesn't look nice or intuitive in the end.
So i tried the widget, which does this part of the job, but doesn't give me the same usability with the fields. Also, it seems to be designed to cover just one line / row on the form. But as i said, that data i ask the user to fill in consists of ca. 20 fields, so i would have to wrap lines. I tried CSS-options for that, but i'm no good. So i just posted a question in the widget's article: http://www.jotform.com/help/read.php?if_id=282
Hopefully someone can help. Thanks so far!
I'm not quite sure if understood your issue, but I checked your form and noticed that you added several Name and Vorname field into the configurable list and this is not how it's intended to work.
If you check this cloned version of your form: http://form.jotformpro.com/form/50865098130961 you can see how the configurable list works.
You can even control the minimum and maximum number of persons that can be added to the list. I suggest you to see the following guide: https://www.jotform.com/help/282-How-to-Set-Up-the-Configurable-List-Widget to learn how to setup the configurable list.
I hope this helps.
Let us know if you need further assistance we'll be happy to assist.
Thanks for looking into my form, raul! There's a misunderstanding, the version you saw was only a draft, i know the widget isn't supposed to work that way. I just wanted to see if the widget would wrap the fields to another line after a certain amount of fields (which didn't happen). I would need the widget to consist of 19 fields in total, containing different field types such as text and dropdown and conditional logic.
Referring to my form, i would need the whole section of fields 1 - 19 (everything between the headline "1. Angaben zu den Personen des Haushalts" to the next headline "(Kind < 18 Jahre)") to be "in the widget", i.e. it has to be repeatable by clicking the "+"-button of the widget. You can see that this section can't be displayed in just one line, which is the default layout of the widget.
Thanks for looking into that matter!
Just to clarify, you don't want it to be arranged horizontally right? Like what you see on this screenshot.
What you want is to have the same fields to be duplicated if you want to add another person right?
Unfortunately that will not work with the configurable list widget because it is using tables to separate the elements. What you want is like a duplicate of the form when you want to add another person.
Would you like to check the multi-page form, I created a demo form (http://support.jotform.com/form/50874619782973). Please check it and see if that will work for you. I used page breaks here and disable the back button. The idea is to have multi-page form that has the same fields on each page. In addition to that, you can use the Form Tabs widget.
Hope this helps. Let us know if this will not work for you.
Thanks Jan! Well, yes and no. I only need one section of the whole form (the fields with the person-related data below 1.) to be repeated on demand ("+"-button), so the other tabs would have other contents and, contrary to the person-related form tabs, are all required...
If the form tabs could be easely copy+pasted and would be invisible to the user unless she/he is clicking "next", it would be an advantage over the collapse tool described earlier by mike. otherwise, i'd go this way...i'll try! Thanks to all of you, i'll report!
Seems like i can't handle the page break / form tabs thing (i can't make it happen at all i don't have the time left to digg deeper in that matter).
So i'll do it via collapse tool. It's working fine, also because i discovered that it's possible to copy multiple fields (inculding their conditions) at once. If you look at my form now, i think it's getting clear now what i wanted. I Translated the buttons text to english also for that purpose.
But here is the thing: seen from user perspective, opening the a new section (to fill in the data for the next person) by clicking the collapse-button closes the previous one. Regarding the purpose of my form, i think this will create confusion among the applicants ("damn, where is that person gone i just filled in?"). The data arrives anyway, but users may think that it's lost. I think the opened sections should stay open, so that the users have on display what they filled in.
Is there a way to make that happen?
Thanks again! You've been a great help so far and i've been learning a lot ;) !
On behalf of my colleagues, you are most welcome. We are happy that we are able to assist you with getting the desired result from your form.
If you would like for your form collapse section to stay open this can be set in the status of the form collapse field.
I hope this helps, please inform us if you need further assistance.
thank you for your kind words, shadae. obviously i couldn#t explain my problem properly. i want the form section to appear closed to the user untill she/he opens it and to REMAIN open, when the user opens the next section (when you look at my form, you will find one section per person to add). this is not the case right now. opening one section closes the previous one. as i described in my earlier post.
thank you for helping me out. michael
Like Shadae mentioned you can set your form collapse section to stay open or closed. But behavior that you have described is normal and it can not be changed.
If you need further assistance please let us know.