ion.rangeSlider icon indicating copy to clipboard operation
ion.rangeSlider copied to clipboard

Add arrow buttons to the left and right end of the slider to move the slider

Open mKlus opened this issue 9 years ago • 8 comments

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.

mKlus avatar Sep 20 '15 21:09 mKlus

I will think about this.

IonDen avatar Sep 21 '15 04:09 IonDen

Are there updates on this feature?

giacomocarra avatar Apr 18 '16 12:04 giacomocarra

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.

IonDen avatar Apr 18 '16 15:04 IonDen

It works, thank you!

giacomocarra avatar May 03 '16 12:05 giacomocarra

@IonDen what would be the solution when we have var values = [1,30,50,60,70,90,100]; ?

szabyka avatar Mar 19 '19 18:03 szabyka

@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.

szabyka avatar Mar 20 '19 11:03 szabyka

How to move slider with Next Prev button? We are able to move it by drag. So the math should already be finished?

stephaniie2 avatar Apr 15 '19 09:04 stephaniie2

@stephaniie2 I've created a fiddle, which is not perfect but will give you some clues. https://jsfiddle.net/szabyka21/bnh6qf1d/

szabyka avatar Apr 16 '19 18:04 szabyka