Using Calculations in SureForms: A Step-by-Step Guide

Available only with the Business Plan.

Overview

SureForms helps users create various types of calculators. You can either build a calculator from scratch or generate a calculator form using AI

Building a Calculator from Scratch

The “Build from Scratch” option enables users to manually configure calculations using the Number Field and other compatible field types.

Enabling Calculations

1. Add a Number Field to your form (e.g., “Number 1”, “Number 2”).
2. Add a Result Field (Number Field or Heading block) where the calculated value will appear.
3. Click on the Result Field and enable Calculations.
4. Enter a formula using available fields. Example:
   • +  (e.g., 5 + 5 = 10)
5. The Result Field is always non-editable as it dynamically displays the computed value.

Using Multiple Fields in Calculations

• You can add multiple number fields to calculations.
• Ensure the formula is valid; incorrect syntax will show an “Invalid Formula” error.

Prefix & Suffix Options

• You can add prefixes and suffixes to fields (e.g., “$”, “%”).
• When enabled, results will include the specified prefix or suffix.

Hiding the Submit Button

• Some calculation-based forms don’t require a submission.
• To hide the Submit Button:
  • Click outside the form.
  • Navigate to Styles.
  • Enable Hide Submit Button.

Using Multi-Choice Fields in Calculations

• Multi-choice fields can be used in formulas.
• Enable Show Values to assign numerical values to options.
• Example:
  • Option 1 = 10, Option 2 = 20
  • Formula:   *

Using Dropdown Fields in Calculations

• Similar to Multi-Choice fields, dropdowns require Show Values to be enabled.
• Example:
  • Dropdown values: 10, 20, 30, etc
  • Used in the formula as   * 

Using Sliders in Calculations

Slider Fields in form calculations, making it easier to create interactive and dynamic forms. Sliders can be used with both Number and Text types, and you can fully customize their behavior and appearance.

Slider Type: Number

Number sliders can be used in formulas to calculate values based on user input. You can configure the following:

• Left Label / Right Label: Display text on either side of the slider to indicate the range or meaning.
  Example: Left Label: Low, Right Label: High
  
• Tooltip Prefix / Suffix: Show units or symbols along with the value.
  Example: Prefix: $, Suffix: USD → Tooltip shows: $100 USD
  
• Minimum Value: The starting value of the slider.
  Example: 0
  
• Maximum Value: The highest possible value.
  Example: 1000
  
• Step Increment: Defines the step between values.
  Example: 50 → Values will be: 0, 50, 100, …, 1000
  

💡 Example Use Case: A pricing calculator where users select a budget using a slider from $0 to $10,000 in steps of $500.

Smart Tags in Headings

• The Heading Field supports dynamic calculations.
• Enable Calculations on the heading and use smart tags to display results dynamically. {calculation-result}

Default Values

• Number fields can have default values.
• If Default Value = 10 and Multiplier = 5, the result field will automatically display 50.

Number Formatting

• Number, heading fields support US and EU Format

Invalid Formula Error Handling

• Real-time error visibility for incorrect formulas.
• Errors are highlighted with red borders.
• Works for both result and heading fields.

AI-Powered Calculators

SureForms provides an AI-generated calculator feature, allowing users to create calculator forms effortlessly.

How AI-Generated Calculators Work

1. Select Build with AI.
2. Choose Calculator mode.
3. Describe the type of calculator (e.g., “Loan Calculator”).
4. Click Generate Form.
5. The AI will create a form with fields and predefined formulas.
6. Users can manually edit the generated fields and formulas if needed.

Example: Loan Calculator

• Fields: Loan Amount, Interest Rate, Loan Term
• AI applies appropriate formulas to calculate the result.
• Users can modify the formula if necessary.

The AI-generated form may require manual review and adjustments. Please verify all fields before publishing the form.

Summary

• Build from Scratch: Manually configure calculations with supported fields.
• AI-Generated Forms: Automatically create calculator forms with predefined formulas.
• Supported Fields: Number, Multi-Choice, Dropdown, Slider, Heading.
• Customization Options: Prefix/Suffix, Default Values, Number Formatting, .

With these features, SureForms empowers users to create powerful, dynamic calculators.