General Overview

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.

Calculator Elements on the Left Sidebar

---

Element Types

The calculator supports 22 distinct elements, each designed to handle different types of input and interactivity. Here is the overview of the Calculator Elements:

Input & Selection Fields

📝 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 & Time

📅 Date Picker

Calendar input for selecting a date and date range

⏰ Time Picker

Time selection with dropdown-style interface

Range & Sliders

🎛️ Basic Slider

Drag-to-set a single value slider

🎚️ Multi Range

Select a range between two values

Other Smart Features

📤 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.)

Grouping Elements

➖ 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

---

You can learn how to build a calculator using these elements by following this manual:

How to Create a Calculator