Calendar Fundraiser - Requirements Included

  • kchurricanes2018
    Asked on May 8, 2024 at 1:50 PM

    I have a multi-select checkbox that I would like to have the following functionality.

    • After selecting the days to donate there will be a total added to the Pay Amount field (Example: choose 1st and 5th person would donate $6)
    • After submitting the form the numbers that are selected are hidden or not able to select the next time the form is opened (Example 1 and 5 are now not available for the next user)
  • Neal JotForm Support
    Replied on May 8, 2024 at 3:06 PM

    Hi kchurricanes2018,

    Thanks for reaching out to Jotform Support. I’ll need a bit of time to look into this. I’ll get back to you as soon as I can.

    We really appreciate your patience and understanding while we’re looking into this.

  • Neal JotForm Support
    Replied on May 8, 2024 at 7:58 PM

    Hi kchurricanes2018,

    We appreciate your patience while we work on a solution. We have found a workaround to achieve what you need on your form. Instead of using the regular Multiple Choice Field, you can instead use a customized Product List field to make it look like a Multiple Choice Field that can automatically count the amount depending on the dates selected and also add Payment Integration where they can complete payments directly through your form. Let me show you how:

    • Add a Product List Field to your form and add the products as dates with the pricing of your choice and stocks set to 1.

    Calendar Fundraiser   Requirements Included Image 1 Screenshot 50

    • Go to the Product Settings, remove the image of each product, and toggle the specific options on/off as shown in the screencast below.

    Calendar Fundraiser   Requirements Included Image 2 Screenshot 61

    • Insert the CSS codes below to your form to finalize making the product list look like the Multiple Choice Field as shown in the screencast below.
    .form-product-details {
        display : none !important;
    }
    .sold-out-label {
       display : none !important;
    }
    .form-product-details b{
        display : none !important;
    }

    Calendar Fundraiser   Requirements Included Image 3 Screenshot 72

    • Lastly, to add Payment Methods to your form, it can be done by clicking the Add Integration icon when you click the Product List Field.

    Calendar Fundraiser   Requirements Included Image 4 Screenshot 83

    With these steps, you will be able to achieve a Multiple Choice Field that can calculate the amount and disables the checkbox for the next user once the selection is already made.

    You can see the demo of the form for cloning here. You might also want to check out this guide about How to Clone an Existing Form From a URL.

    Give it a try and let us know how it goes.

  • kchurricanes2018
    Replied on May 9, 2024 at 10:08 PM

    Oh my goodness, thank you so much this works perfect. Exactly want I needed!

 
Your Answer