Calculator Templates

Get ahead in your calculations endeavors with our prep work done. It’s time to design a form, are you ready?

Cost calculator settings

Condition Template

The Conditions form has four fields:

Drop down: This field allows the user to select from a list of options. The available options are “Option 1”, “Option 2”, and “Option 3”.

Toggle: This field allows the user to turn a setting on or off. The setting is labeled “Toggle Setting”.

Date Picker: This field allows the user to select a date from a calendar.

Radio buttons: This field allows the user to select one option from a group of options. The available options are “Radio Option 1” and “Radio Option 2”.

The behavior of the form changes based on the selected options.For example, if the user selects “Option 1” from the drop-down, the toggle setting is enabled and the user can choose a date from the date picker. If the user selects “Option 2” from the drop-down, the toggle setting is disabled and the user cannot choose a date from the date picker. If the user selects “Option 3” from the drop-down, the radio options become available and the user must select one of them before submitting the form.

Two columns
Vertical
Horizontal

Condition

Summary

Name Total
"{{getWooProductName}}" has been added to your cart

Your service request has been completed!

We have sent your request information to your email.
Issued on: {{ $store.getters.getIssuedOn }}
Payment method: {{ $store.getters.getPaymentType }}
{{ item.title }}: {{ item.value }}

This form demonstrates how conditions can be used to create dynamic forms that adapt to the user’s input. By changing the behavior of the form based on the selected options, the form can provide a more intuitive and streamlined user experience.

Try this form if it fits your business. You can always add more unique parameters, which are required for your occupation.

Similar Templates

Custom Totals An example of how the combined Total element works. Use Template View Demo
Kitchen Renovations Easily order a kitchen basic or capital renovation service by selecting the determined parameters and values. Use Template View Demo
Car Wash A car wash calculator can help you determine how much to charge for individual car washes Use Template View Demo
BACK-END DEMO