General Overview
Last updated
Was this helpful?
Last updated
Was this helpful?
Build smart, flexible, and dynamic pricing forms with our intuitive Cost Calculator. With a variety of customizable elements at your fingertips, you can create everything from simple quotes to complex estimation tools — no coding required.
The calculator supports 22 distinct elements, each designed to handle different types of input and interactivity. Here is the overview of the Calculator Elements:
You can learn how to build a calculator using these elements by following this manual:
📝 Text Field
Basic text input for user entries
🔢 Quantity
Number field ideal for item counts or units
📂 Dropdown List
Choose from a predefined list of options
🖼️📂 Image Dropdown
Dropdown with visual options for easy selection
🔘Radio Buttons
Traditional single-option selector
🖼️🔘Image Radio
Radio buttons with images to guide user choice
🔄Switch Toggle
Sleek on/off toggle for binary choices
☑️ Checkbox
Tick boxes for multiple selections
🖼️☑️Image Checkbox
Visual checkboxes with image previews
📅 Date Picker
Calendar input for selecting a date and date range
⏰ Time Picker
Time selection with dropdown-style interface
🎛️ Basic Slider
Drag-to-set a single value slider
🎚️ Multi Range
Select a range between two values
📤 File Upload
Allow users to upload documents, images etc.
📍 Geolocation
Calculate values based on the entered location from Google Maps
🧮 Formula Field
Calculate values dynamically using math expressions
✅ Validated Form
Enforce input rules for email, phone and URLs
🧩 HTML Element
Embed custom HTML code (for text, images, embeds, etc.)
➖ Divider (line)
Visually separate sections of your form/calculator
🗂️ Section (Group) Field
Combine multiple fields into one cohesive block
🔁 Repeater
Let users duplicate a set of fields as needed
📑 Page Breaker
Split long forms into multiple steps for a cleaner experience