Basic Slider
Last updated
Last updated
The Basic Slider element allows you to add a Basic Slider with start and end values.
The Basic Slider element has the following attributes in the Element tab:
Name - Title of the element
Description - Description of the element
Minimum Range Value - minimum value that Basic Slider Button can take
Maximum Range Value - maximum value that Basic Slider Button can take
Range Step - shows the step to grow the range
Range Unit - shows how many units the range can grow to
Range Default Value - the initially appeared number
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 Basic Slider element contains the following attributes in the Settings tab:
Currency Sign - Enable if you want to show the currency symbol in the total summary
Round Value - Enable if you want to round value to the whole number in the total summary
Hidden by Default - The element will be hidden by default.
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
Show in Grand Total - Disable if you want to hide the element in Grand Total.
Required - Defines whether the element will be required to fill or not.
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
We will show an example of using a range element to calculate the ideal weight. The calculators will have fields to input age, height, gender and formulas. We will use a range element for users to choose their height.
Pay attention to the Maximum Range Value and Range Default Value. The Default Range Value cannot be higher than the Maximum Range Value.
That is how the calculator will look on the user 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 you offer scooters for rent for 15 USD/ an hour. The values will multiply by 15 to calculate the fees for the rent.
That’s how it will look on the user’s page.
