What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
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.
Can I Create a Form like the one I enclose?Asked by Dubaimarketing on April 11, 2014 at 04:11 AM
since I like very much and use Jot Form, I would like to know if it is possible to create a form like the one you can see in this site created using Fast Secure Contact Form:
What I need is to have at the beginning just one field only and a "Submit" button. Then, once the user click the button the form adds 3 other fields to be filled plus the "Submit" button that will end the operation. I need to get alla data filled by the customer (the first field + the remaining 3 fields) all together in the same mail, therefore it's not possible to make 2 forms.
I've tried to use the 2 page form option to make this but I get unpleasant results such as the page of the site which moves up instead pf remaining steady where it was after the FIRST "submit" click,
Can you please help me?
Thanks for your kind cooperation
You can do this by using the condition to show/hide fields dependig on users choice.You can set the condition that after filling the first field the rest are loaded.
I hope this solves your problem.
Thaks a lot Kimotomania.
Could you please tell me how the condition has to be made and/or written/placed?
Sorry to bother you about that.
You can follow these steps that are really helpful to hide and show fields.1. Insert a form collapse at the beginning of each sectionThis will mark the start of the form section that you want to conditionally hide/show. Insert as many fields as you want on this section.Form Collapse ConfigurationForm Collapse Status will either (by default) collapse or expand the bar that contains the form fields. Visibility applies only to the Form Collapse bar, and not to the fields under it.Important note: You can set Form Collapse Status and Visibility to any combination, EXCEPT [Status: Closed] and [Visibility: Hidden]. Such configuration would just not make sense ;)2. End your section using yet another Form CollapseA Form Collapse encompasses all succeeding fields, except another Form Collapse. Unless your form section is followed by another one (i.e., multiple consecutive sections), you will need to place a stopper to end this section.We can accomplish this by adding another Form Collapse that is configured as [Status: Open] and [Visibility:Hidden]3. Add a condition to hide or show a sectionNow that your form sections are defined, you can start adding rules to the Conditions builder.Select the Setup & Embed tab > Click Conditions > Select Show / Hide a form field then click Next.You may then formulate your conditions to hide or show the corresponding (form collapse) section. Check out the sample forms below and feel free to clone them to your account to learn how exactly this solution was implemented.This simple form hides the Previous Employment Details section when the user chooses Yes in the question Previously Employed?This hotel booking form is a little more advanced due to multiple sections and different condition combinations.
Thanks a lot for your VERY precise info. Give me the time to read and understand it and I'll be back with results.
Your welcome Enrico I am glad i could help.