How can I perform Spinner Calculations from individual checkbox items?

  • tnorth
    Asked on July 21, 2015 at 12:33 PM

    form: http://www.jotform.com//?formID=51934424452353

     

    I am trying to form a system where each of my checkbox products (page 2 of the form) individually have a quantity which I can then multiply the calculation value by to obtain a final price. 

    As you can see on the form, I have successfully done this on the rentals section (page 3 on the form) however this involved splitting all the rentals up into individual checkbox areas and multiplying them by individual Spinner fields. 

    I also will need help with custom CSS to align everything to create a professional appearance on the form. 

    Thank you very much!

  • Mike_G JotForm Support
    Replied on July 21, 2015 at 4:12 PM

    You can create multiple Checkbox field for each of the options on one particular form question. Then, retain the Field Label of the first choice and remove the labels of the rest so it would appear as if all checkboxes are options for only one question. You can also make the form question as a Text field and all the options are separated checkboxes. You may need to apply CSS to your form so it would appear as if the checkboxes are just part of one form question. 

    How can I perform Spinner Calculations from individual checkbox items? Image 1 Screenshot 30

    You need to be very careful when creating your conditions for calculation, because you don't have the form labels(form questions) that you may need to easily determine the fields.

    Also, you may refer to this guides so that you can apply necessary styles and positioning on your form. 

    How-to-Position-Fields-in-JotForm

    How-to-apply-custom-CSS-to-a-particular-field

    Customize-your-Form-using-Custom-CSS-Codes

    How-to-Inject-Custom-CSS-Codes

    I believe this is what you would like to happen:

    How can I perform Spinner Calculations from individual checkbox items? Image 2 Screenshot 41

    I was able to do that by positioning the fields in Form Builder and applying CSS codes to it. 

    You can check the form that I've used as a sample and please feel free to clone it so you can inspect it. 

    http://form.jotformpro.com/form/52015399702959

    I hope this helps. If you need any further assistance. Please feel free to get back to us and we will be glad to help you. Thank you. 

  • tnorth
    Replied on July 23, 2015 at 4:14 AM

    That is exactly what I am aiming to do, thank you very much. I will attempt to use this and let you know if I encounter any difficulties

     

  • tnorth
    Replied on July 23, 2015 at 5:05 AM

    Hi again,

    I have been able to align my rentals section to the quantities using custom CSS just fine. However, I am now struggling with what you have shown on your cloned form: have you created individual checkbox fields to replace the larger ones which were present before, and then rewritten all the conditions? 

    I was afraid I would have to do this due to the collossal amount of conditions on the form! But if this is the only way to proceed then I will do so. Please let me know if there is a way of preserving conditions specifically.

    SO the only problem I am left with after all the help is whether or not I need to re design the form in inidividual checkbox fields with Text headings, or if there is a way to add quantities to the current form.

    Best, Tom. 

  • Ashwin JotForm Support
    Replied on July 23, 2015 at 9:01 AM

    Hello Tom,

    I did check my colleague's form and yes he has added multiple checkbox question and added spinner field next to it for every checkbox. Please check the screenshot below:

    How can I perform Spinner Calculations from individual checkbox items? Image 1 Screenshot 20

     

    If you want to use spinner field to step up the quantity, you will have to add individual spinner field for every checkbox and perform the calculation.

    One possible way is to add just one checkbox question with multiple options but again spinner field needs to be added for every options manually. You can inject custom css code in form to place the spinner field next to the checkbox options.

    Do get back to us and I will be happy to create a demo form for you.

    We will wait for your response.

    Thank you!

  • tnorth
    Replied on July 23, 2015 at 9:27 AM

    This is OK thank you I am going through the form and re-doing the condition logic by changing the checkbox fields to Text Headings and individual Checkboxes. 

    Thank you again.