Slider with 2 numbers?

:information_source: Attention Topic was automatically imported from the old Question2Answer platform.
:bust_in_silhouette: Asked By Emanuel

How could I make a slider with a range?
e.g. something like this: noUiSlider - JavaScript Range Slider | Refreshless.com

From what I’ve read, Slider inherits from the Range class. So you need to access the Range object when you use a slider. After that, you just need to change the min_value/max_value properties of the Range object.

Ertain | 2019-08-11 23:42

I think he wants two knobs on the slider to specify a range within a possible range, if that makes sense.

Kyle Guarco | 2019-08-12 19:14

Thanks for clearing that up, Kyle.

All I can think of ATM is to change the ranges, as well as the StyleBoxes of the grabber_area properties of the Hslider and the Vslider. I might be able to come up with something, if given some time.

Ertain | 2019-08-12 23:07

Did you come up with something?
Still haven’t figured anything out myself… : /

Emanuel | 2019-08-14 09:40

Sorry, I tried using a regular Vslider and played around with the properties of that widget. But the API for the Vslider isn’t deep enough for that sort of customization. One solution could be to put together a widget with buttons, a color panel, and some containers. But that would require a great deal of trial and error, and I don’t have that kind of time.

Ertain | 2019-08-14 17:15