need some intuitive (logic) design help pls

  • ddillon
    Asked on September 12, 2016 at 1:00 PM

    https://www.jotform.com//?formID=40445460892962

    Our previous employee set up this form and I am trying to fix it.  We are offering the same product (a clinic) in 4 places.  We set those up as check boxes with the price of $59.  then, the payor can register up to 8 participants.  the $59 fee should be per registrant / per location.  not just per location with 8 registrants for $59 / each.  Hope this makes sense.

    Thank you,

     

  • David JotForm Support Manager
    Replied on September 12, 2016 at 3:53 PM

    This would require a little workaround:

    1) Separate the products into a simply Drop Down field. So this would be entered in the options for the field:

    <strong>Midland, TX - Level 2 Stroke School</strong> <span class="date">Friday, 08/19. 8 AM - 4 PM.</span> <span class="speaker">Guy Edson</span> <span class="price">$59.00</span>

    <strong>Chicago, IL - Level 2 Stroke School</strong> <span class="date">Friday, 09/16. 8 AM - 4 PM.</span> <span class="speaker">John Leonard</span> <span class="price">$59.00</span>

    <strong>Honolulu, HI - Level 2 Stroke School</strong> <span class="date">Friday, 10/14. 8 AM - 4 PM.</span> <span class="speaker">John Leonard</span> <span class="price">$59.00</span>

    <strong>Portland, ME - Level 2 Stroke School</strong> <span class="date">Friday, 10/14. 8 AM - 4 PM.</span> <span class="speaker">Guy Edson</span> <span class="price">$59.00</span>

    Example:

    need some intuitive (logic) design help pls Image 1 Screenshot 80

    2) In order for the options to show lined up, I entered the following code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    .date{

        margin-left: 25px;

    }

    .speaker{

        margin-left: 25px;

    }

    .price{

        margin-left: 25px;

        font-weight: bold;

    }

    #label_input_86_1 .date{

        margin-left: 31px !important;

    }

    #label_input_86_0 .date{

        margin-left: 28px !important;

    }

    #label_input_86_3 .date{

        margin-left: 23px !important;

    }

    #label_input_86_0 .price{

        margin-left: 43px !important;

    }

    #label_input_86_3 .price{

        margin-left: 43px !important;

    }

    Result:

    need some intuitive (logic) design help pls Image 2 Screenshot 91

    3) Assign the calculation value to each option: https://www.jotform.com/help/301-How-to-Assign-Calculation-Value 

    4) Your current form has up to 5 registrant, you can duplicate the fields to make it up to 8:

    need some intuitive (logic) design help pls Image 3 Screenshot 102

    5) Add a Drop Down field where you ask the user how many people he will register:

    need some intuitive (logic) design help pls Image 4 Screenshot 113

    6) Show the rest based on the amount select, you will need to apply conditional logic: https://www.jotform.com/help/316-How-to-Show-or-Hide-Fields-Base-on-User-s-Answer 

    need some intuitive (logic) design help pls Image 5 Screenshot 124

     

    7) Add a calculation widget in order to perform a calculation depending on the clinics and number of registers selected: https://www.jotform.com/help/259-How-to-Perform-Calculation-in-the-Form 

    Example: 

    need some intuitive (logic) design help pls Image 6 Screenshot 135

    8) Finally, pass the total to your payment field: https://www.jotform.com/help/275-How-to-Pass-a-Calculation-to-a-Payment-Field 

    Here is the final form in action, you can test it: https://www.jotformpro.com/form/62555870166967? 

    need some intuitive (logic) design help pls Image 7 Screenshot 146

    It is ready to be used, simply clone it in your account and enter your credentials in the payment field, here is how to clone it: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

    Hope this helps, let us know if you have more questions.