Form Elements

All the different form element types are layed out here.

Open the Element panel by clicking on the + icon in the menu in the top right corner of the calculator builder. All elements can be clicked on or dragged and dropped into the canvas to add them to the calculator.

Related articles

Learn more about form elements in one of the following articles

Date

Create a field to allow users to pick a date from a calendar.

Layered Images

Stack multiple images (layers) on top of each other to create a visual product configurator.

View navigation

Use a View navigation element to navigate or track a View container

View container

Use a View container to break up your content into multiple views.

Charts

Use a chart to show and share your results more effectively.

Yes/No

Create switch or checkbox yes/no questions.

Title

Calculate functions and display a result.

View Break

Insert this to break up your calculator into multiple pages.

Places

Calculate the distance between two set locations.

Time

Create a field to allow users to select a specific time/hour.

Text Field

Create a field to ask a non-numerical question.

Text

Add simple text to display in the calculator.

Signature

Get user’s confirmation on the form with a signature field.

Order List

Create a field to collect an order of items.

Place

Add a field to pick a location and potentially get distance between entered place and origin location.

Number

Capture numbers or quantities. Number Question can be displayed as a range slider, number input field, or number incrementer field.

List

Let the user choose between multiple options in a couple of flavors like multiple choice, dropdown, button group and multiple selection (checkboxes).

Image

Upload an image from your computer and configure it inside your calculator.

File

Let users upload a file using drag and drop or selecting from local folders.

Formula

Calculate functions and display a result.

Email

Create an e-mail address input field to record user details and for sending submissions.

Divider

Add visual dividers to your calculator.

Dates

Create to calculate the number of days between two dates.

Coupon

Create and insert a coupon code field and easily calculate a discount.

Button

Add a call-to-action button such as a link to another page, form submission or capture payments.

Columns

To create an advanced layout for your website, use the columns element. You can nest columns within columns by adding a container element to your column.

Container

Use for advanced styling (background color, borders, and alignment).