Range Button

The Range Button element allows you to add a Range Slider with start and end values.

The Range Button element contains the following attributes:

  • Element Name - Title of the element

  • Element Description - Description of the element

  • Description Position - Position of the text, which is written on the Description field

  • Minimum Range Value - minimum value that Range Button can take

  • Maximum Range Value - maximum value that Range Button can take

  • Range Step - shows the step to grow the range

  • Range Default Value - the initially appeared number

  • Currency Symbol - a symbol of the input value

  • Range Unit - shows how many units the range can grow to

  • Currency Symbol on Total Description - Enable if you want to disable the currency symbol in the total summary

  • Round Value - Enable if you want not to round value to the whole number in the total summary

  • Additional Classes - Add extra classes to the HTML elements to further style changes

Now let's fill the element's fields:

Here is the result of the Range Button element in the calculator form:

Here is the result of the Range Button element in the total summary: