Slider Field
The Slider field is a great option if you have know the max and the min value for this field. For example if you want to let user select a percentage, you know that the min value is 0 and the max value is 100%.
This field is a nice interactive element for the whole calculator since it allows the user to drag&drop the pointer or select a value by just one click or touch because this field is optimized for mobile as well.
- Min Value: The minimal value a user can select. 0 by default.
- Max Value: The maximal value a user can select. 100 by default.
- Step: The step the slider can select. For example, if you have a slider from 0 to 1.000.000, you can let user select only full thousands by selecting the step to be 1000. 1 by default.
- Default Value: The default value an user will see when the calculator loads for the first time.
-
Scale: The slider field can display a scale below the slider. Fill in the scale values separated with the comma character. For example:
25,50,75. If you want to display some labels instead of the actual numbers, add the labels like this:25:low,50:medium:75:high.
Calculoid uses this open source library for sliders: https://github.com/darul75/angular-awesome-slider