-
5
-
You have 5 new Messages
- See all Messages
-
-
14
Power Range slider From abpetkov
Basic style customization
Minimum, maximum and start values
Decimal
Display decimal number with 2 characters after the decimal point.
Slider step
You can change the step with which the handle moves, using the step option.
Hide range values
You can hide the min and max values, by using the hideRange option.
Disabled
Disable the range slider and change it's default disabledOpacity if needeed.
Horizontal and vertical slider
The default Powerange slider is horizontal. However, you can make it vertical, by setting vertical: true.
Checking state
Check the current value of the range slider, by looking at the value of the text input element.
On change:
Callback
The callback function is invoked on slider initialization and on slider handle movement. It's very appropriate for displaying the current value in another element.
Interacting with another elements
ION Range slider From Denis Ineshin
- Set diapason from 0 to 5000
- Adding postfix "+" to max value
- Set slider type to double
- Dollar symbol as prefix
- Enable grid
- Set diapason from 1 000 to 100 000
- FROM value: 30 000, TO value: 90 000
- Set slider type to double
- Euro symbol as postfix
- Enable grid
- Set diapason from 0 to 10
- Set fractional step value: 0.1
- Enable grid
- Set diapason from -50 to +50
- Set FROM value to 0
- Add degree symbol as postfix
- Change common slider numbers to custom (Month names). Using values array for that. Array can be any length
- Slider will change min and max number automaticaly to fit values array length
- Step parameter also will be changed to one, to allow to choose items in values array
- Set step value to 1000
- Hide slider value
- Add "miles" postfix
- Set step value to 100
- Hiding min and max values
- Adding "km" postfix