ion.rangeSlider
ion.rangeSlider copied to clipboard
Add arrow buttons to the left and right end of the slider to move the slider
Building on top of #303 it would be nice to have 'arrow' buttons at both ends of the slider similar to scroll bar that clicking the 'arrow' button would move the slider by a fraction of an interval (default 1/10?) or by a step.
Also holding the 'arrow' button would continue moving the slider every 50ms/100ms until the button is released.
e.g. min = 0, max = 100 from = 40, to = 50
Clicking on the left 'arrow' button would move the slider to the left by 1/10 of the interval = 1, so the new slider position would be: from = 39, to = 49.
I will think about this.
Are there updates on this feature?
Hi, @CarraJack, in nearest plans.
For now, you can emulate this behaviour with external buttons: http://jsfiddle.net/IonDen/ujcmje33/ Just style them as you like with CSS.
It works, thank you!
@IonDen what would be the solution when we have var values = [1,30,50,60,70,90,100];
?
@IonDen what would be the solution when we have
var values = [1,30,50,60,70,90,100];
?
Found a solution for the above. Happy to help if anyone is interested.
How to move slider with Next Prev button? We are able to move it by drag. So the math should already be finished?
@stephaniie2 I've created a fiddle, which is not perfect but will give you some clues. https://jsfiddle.net/szabyka21/bnh6qf1d/