Multi Range (Pro feature)
Last updated
Last updated
With the Multi Range element, you can give different ranges independently for the left and right sides.
The Multi Range element contains the following attributes in the Element tab:
Name - Title of the element
Description - Description of the element
Minimum Range Value - minimum value that multi-range can take
Maximum Range Value - maximum value that multi-range can take
Range Step - shows the step to grow the range
Range Unit - a unit value of quantity or number or price
Default Start Value - the initially appeared number on the left side
Default End Value - the initially appeared number on the right side
Name of Value - You can put unit measures, such as kg(kilograms), gr(grams), m (meters), etc. You can also decide whether you want unit measures, for example, kg, to show on the right or left.
Multiply (cost per value) - Enable it if you want the value a user inputs to multiply for the cost.
The Multi Range element contains the following attributes in the Settings tab:
Currency Sign- any sign for the range of this element
Hidden by Default - The element will be hidden until a corresponding condition is met
Calculate hidden by default - If any case hides the element: via the Hidden by Default setting or hidden by some condition, the element's default value (if it is set) will be counted in the formula
Round Value - The value will be rounded
Show in Grand Total - Disable if you want to hide the element in Grand Total.
Additional Classes - Add extra classes to the HTML elements to further style changes
This setting allows you to add a measuring unit (Ω, cm, kg, inch, etc.) to the field.
Unit Symbol - enter the unit symbol
Position - select the position where the symbol should be displayed relative to the number
Thousands separator - select the the symbol to
Number of decimals - indicate the number of decimals in the fractional part
Decimal separator - select the symbol to separate fractional part
Now let’s build a property viewing calculator for a real estate agency. The calculator will have the fields to choose the district, type, extra features(number of rooms, benefits), and the date to look at the property. There will be a Multi Range field for users to define the range of the price.
Pay attention to the Maximum Range Value and Default Start Value & Default End Value. The Default Start Value cannot be higher than the Maximum Range Value.
This is how it will look on the user’s page:
You can set up Multiply (cost per value) when you want the value a user inputs to multiply for the cost. For example, if a book cafe wants to offer quarterly packages based on the number of books. The values will multiply by 1.5 to calculate quarterly subscriptions.
That is how the user will see the calculator:
