How to Build Forms with Calculations

Enhance your forms by adding live, real-time calculations. Imagine creating a quotation or order form where the price can be calculated based on user inputs and selections.

Rakenta provides a Calculation Field widget that enables calculations within any HTML form. Behind the scenes, the generated code utilizes a JavaScript library called NittiJS to perform the calculations.

• Add a calculation field to the form.
• Open the properties of the calculation field and enter the formula for the calculation.
• The formula can incorporate fields from the form.
• For certain field types (such as dropdown lists and radio groups) where you want to map to a numeric value, provide the r-value.

Explore some examples in the demos below.

Cake order form with calculations

BMI Calculation form