The RadSlider does not provide such functionality out-of-the-box, nevertheless it should be possible to achieve it by customizing the control a bit.
First you can use the OnClientValueChanged
event of the slider in order to track the changes in the values of the two drag handles: http://demos.telerik.com/aspnet-ajax/slider/examples/clientsideevents/defaultcs.aspx
Then you can customize the appearance of the slider by creating a custom skin
. You can check several examples in the following demo: http://demos.telerik.com/aspnet-ajax/slider/examples/customskins/defaultcs.aspx
Finally, the client-side object of the slider has a function get_dragHandles()
dragHandles = $find(
"<%= RadSlider1.ClientID %>"
// RadSlider1 is the ID of the slider control
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.