Display Field Group Depending on the Number input.

  • giftedpage
    Asked on December 15, 2014 at 12:38 PM

    hi - is there an easy way to do this? i am making a membership form where an institution pays per member - for example: if a school district says they want 5 people @$30 per member - i need to collect all 5 different peoples emails, names and addresses as well as the $ from paypal. most likely, there wouldn't be more than 20 people - but i can't figure out how to make it so that i didn't have to create separate name, email and address fields for each.... does anyone have an idea of how to do this conditionally?? thanks!

  • Charlie
    Replied on December 15, 2014 at 1:58 PM

    Hi,

    I'm not sure if I understood your concern correctly. May I ask the following as an additional information?

    1. Who will make the submission? Is it a coordinator or each individual student will fill out the form one by one?

    1. If it is only the coordinator who needs to fill out all the necessary information regardless if it's more than 5 students, the following will apply. When you input a number of students it will display the same number of fields? Ex. 5 students will show 5 fields of full name, address, etc...?

    2. Have you tried using our Purchase Order widget? You can add custom property and special pricing on it.

    Here's a sample form: http://form.jotformpro.com/form/43485395307967

    Please take note that it is not fully functioning, what it does is this:

    1. It will display 5 sections of 5 membership fields if the number of students is greater than 4.

    2. In "My Products", a custom quantity of 1, 2, 3, 4, 5 and 6 are set. For 1 - 4 they are priced at $35 each, while 5-6 are priced $30 each.

    Display Field Group Depending on the Number input Screenshot 20

     

    You can clone the form to see it's conditions and the Purchase order settings.

    Let us know if this could work for you, we will then assist you on making this form work.

    Thank you.

  • giftedpage
    Replied on December 22, 2014 at 9:26 AM

    Hi Charlie

    I'm sorry it took so long to respond!!  Yes - how you described it here is the way it should work:

    1. If it is only the coordinator who needs to fill out all the necessary information regardless if it's more than 5 students, the following will apply. When you input a number of students it will display the same number of fields? Ex. 5 students will show 5 fields of full name, address, etc...?

    it is actually teachers and a dept. head will input the amount of teachers in a field - then we will need each teachers email, name and address. 

    i tried to look at the example form you sent and it just kept going to the form i already setup? I have not used the purchase order widget - and would definitely need it to be paid by paypal - does it work with paypal??

    Any addt assistance would be awesome! thanks so much for your help!!

  • Jan
    Replied on December 22, 2014 at 11:27 AM

    Hello,

    On the sample form that Charlie created, if you put a value like 5 or greater on the number field you will see 5 drop down sections at the bottom. If you press the member 1, it will show the fields for name, email address, etc.

    Display Field Group Depending on the Number input Screenshot 20

    Is this the kind of form you wanted? If it is then you just need to change students to teachers and edit some fields. You can also change the conditions.

    If you need help then don't hesitate to post your questions here in the forum. Thank you!

  • giftedpage
    Replied on December 22, 2014 at 1:15 PM

    HI Jan and Charlie

    I can't seem to view the sample form because every time i click the link, it opens my form that i started...not sure why that is happening!

     

    from the graphics i think it looks like what i need - and if it connects to paypal then it's exactly what i need....i just can't get to it!

  • Charlie
    Replied on December 22, 2014 at 2:11 PM

    Hi,

    The sample form that I have is a Cloned form of yours. It means, it is almost the same as yours before I edited it.

    This is how you should see my form in Google Chrome:

    Display Field Group Depending on the Number input Screenshot 110

     

    You can clone my form using this guide:

    How to Clone Form using URL

    To answer your questions, please see statements below.

    1. Under Payment Tools, you can see you can add different payment gateway methods. This includes: Paypal, Clickbank, etc...

    You can learn more about Payment Forms here: User Guide: Payment Section

    To setup your First Order Form, please see this guide: Setting Up your First Order Form

    Here's the setup in my cloned form:

    1.1 Click the wizard to display the existing setup that I have.

    Display Field Group Depending on the Number input Screenshot 121

    1.2 Click "Next" to continue. If you choose Paypal, there will be additional information needed.

    Display Field Group Depending on the Number input Screenshot 132

    1.3 You can add products here, including special pricing and quantity.

    Display Field Group Depending on the Number input Screenshot 143

    1.4 Here I added a custom property. Where I added special prices depending on the number they have.

    Display Field Group Depending on the Number input Screenshot 154

    1.5 It will be like a bundle where the prices will depend on what the user chooses. 

    Display Field Group Depending on the Number input Screenshot 165

    2. After that, what we want is to show the number of fields depending on the number of students being registered, right?

    2.1 Add the "Number" field.

    Display Field Group Depending on the Number input Screenshot 176

     2.2 Use "Form Collapse" to divide the fields depending on the number of students.

    Display Field Group Depending on the Number input Screenshot 187

     2.3 Add conditions to show which fields to display. 

    Display Field Group Depending on the Number input Screenshot 198

     2.4 Here, you can see the rule I setup, if the "Number" field is greater than 4, we will show all the 5 membership fields. You can further set this up depending on your need, you can add less than and other rules.

    Display Field Group Depending on the Number input Screenshot 209 

    To learn more about Conditions, you can check this guide we have: http://www.jotform.com/help/57-Smart-Forms-Using-Conditional-Logic

     

    I hope this helps. If you need more assistance on this, feel free to get back to us.

    Thank you. 

     

  • giftedpage
    Replied on December 24, 2014 at 10:51 AM

    Hi Charlie

     

    thanks so much for the detailed response! i cloned the form and added 5 more fields - then added the conditional rules.

    only one thing still eludes me: i can't get the submit button to show up at the end of the form!

    i even went as far as adding it to each rule (if person adds 5 members - show submit btn) but with no luck. 

    my form is here: http://form.jotformpro.com/form/43574149612962?

    any clue as to what i am doing wrong??

    thanks for any help - you've been great!

  • Charlie
    Replied on December 24, 2014 at 11:39 AM

    It's quite hard when we use the form collapse. But can you check this edited clone form that I have, http://form.jotformpro.com/form/43574685946977. I've modified the rules and conditions that you have so that it would work better.

    For the submit button to show up, the problem is that the last field will always be attached to the last form collapse. What we can do is to add a Page Break, a next button will then show up and you can proceed from there. I also added the widget Preview Before Submit, this shows all the values typed in the fields.

    1. The Page Break will display a Next Button.

    Display Field Group Depending on the Number input Screenshot 50

    2. After clicking Next, you can add other text messages here, in my case, I added a Preview Before Submit widget, just to show a summary of all the members data.

    Display Field Group Depending on the Number input Screenshot 61

    3. Here's what it should look like.

    Display Field Group Depending on the Number input Screenshot 72

    4. You will then be able to click the "Submit" button.

    Display Field Group Depending on the Number input Screenshot 83

     

    I hope this helps. You can clone the form again and check my settings there.

    Let me know if you need more assistance on this.

    Thank you.