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.


  • Profile Image

    About Calculation Form - Create a Calculation Button in my form

    Asked by riskosoft on October 01, 2014 at 05:05 AM

    Hello, I have a question about the calculation form.

    Do you think it is possible to make a calculation form and start the automatic calculation By press a button which i can call "Calculate Button" or something like That ?

    For example : I make a simple calculation form just for addition, but i dont want the automatical résult just after enter the data. I want to put a button, where i can press to start automatic calculation.

    If it is possible, HOW i can dO that ?

     

    calculation form addition
  • Profile Image
    JotForm Support

    Answered by Welvin on October 01, 2014 at 08:47 AM

    Hi,

    Something like this: http://www.jotformpro.com/form/42733497601962. As you could see, it's possible. But this is a customized form to match your needs since we do not have a direct feature that you can just enable in the form settings.

    The following are the methods to accomplish this one:

    1. Add a checkbox field with only one single option. In my example, I put "YES":

     

    2. I have added the conditional logic to sum both Number One and Two fields in the "Total" field when "Yes" is selected in the Calculation Button field:

    We have explained this method to this guide: https://www.jotform.com/help/268-How-to-Insert-Text-or-Mathematical-Caculation-into-a-field-using-a-Condition

    3. I have added the following custom CSS codes to the form to make the "Yes" option to looks like a button:

    #cid_4 label {

    width: 154px;

    height: 54px !important;

    font-size: 16px;

    cursor: pointer;

    background-color: #000;

    color: white;

    padding-left: 20px;

    padding-right: 20px;

    padding-bottom: 15px;

    padding-top: 15px;

    }

    input#input_4_0:checked + label {

    background-color: #0D39AA;

    }

    input#input_4_0 {

    display: none;

    }

     

    Guide on how to inject a custom CSS codes: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

    Let us know if you have any further questions.

    Thank you!