THEME COLOR

Theme Style
Layout
Header
Top Menu Dropdown
Sidebar Mode
Sidebar Menu
Sidebar Style
Sidebar Position
Footer

### Ion Range Sliders cool, comfortable and easily customizable range slider with skins support

### Ion Range Slider

Ion.RangeSlider. Is an easy, flexible and responsive range slider with tons of options. For more info please check out the official documentation

Basic Demos
Actions Settings
Basic
Min & Max Values
Set min value, max value and start point
Range Type
Set type to double and specify range, also showing grid and adding prefix "$"
Negative Range
Set up range with negative values
Custom Steps
Set up you own numbers
String Values
Using any strings as your values
Month Values
One more example with strings
Values Connect
Taking care about how from and to values connect? Use decorate_both option.
Values Connect Separator
Use your own separator symbol with values_separator option. Like →
Advanced Demos
Actions Settings
Lock handles
Sometimes you want to forbid dragging one or both handles. Try to move left handle, you can't.
Movement Limits 1
Sometimes you may want to show user full slider, but restict him from using it for 100%. The limits is the tool for you. Try to drag slider, you will see, it has invisible borders on 10 and 50.
Movement Limits 2
One more example with limits.
Disable Slider
You can lock your slider, by using disable option.