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.
How can I perform Spinner Calculations from individual checkbox items?Asked by tnorth on July 21, 2015 at 12:33 PM
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!
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.
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.
I believe this is what you would like to happen:
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.
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.
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
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.
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:
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.
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.