Sliders ion.rangerSlider

Easy, flexible and responsive range slider with skin support. Supports events and public methods, has flexible settings, can be completely altered with CSS.


Keeping range slider inside it's container

As you see, slider labels are far away outside it's container:

But you can fix it with ease if you wish, with force_edges attribute:

The Grid

AGrid will set up automatically, just set grid to true:

Want more? Use grid_num:

Have predifined step? You can snap_grid to it:

Even if you have a very strange step!

Movement Limits

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. One more example with limits:

Disable the Slider

ou can lock your slider, by using disable option: