Linked sliders that adjust together

[Silviu]

Is it possible to have two sliders that adjust each other's values automatically client-side?

So both sliders have values 0 - 100 and if slider 1's value is adjusted to 60 then slider's value automatically becomes 40 (i.e. slider 2 value = 100 - slider 1 value and slider 1 value = 100 - slider 2 value)

[Eyup]

Hi Silviu,

 

Yes, of course - you can achieve this requirement using the following event handler provided by the slider control:
https://docs.telerik.com/devtools/aspnet-ajax/controls/slider/client-side-programming/events/onclientvaluechanged

Once you have the new value, you can subtract it from 100 and set the resulting value to the other related slider using the set_value() method:
https://docs.telerik.com/devtools/aspnet-ajax/controls/slider/client-side-programming/radslider-object

I hope this will prove helpful. Feel free to give it a try and let me know about the result.

 

Regards,
Eyup
Progress Telerik