Differentiate thumbs in RadSlider

[Jennifer]

Hi Telerik team,

I have a RadSlider in my page with 'IsSelectionRangeEnabled' set as true. So it is showing two thumb at both end. I have customized the ThumbStyle. I need a way to differentiate the two thumbs in slider so that when I select the start thumb, it will change the color of that thumb. Please help me a way to implement this functionality.

Also please let me know how can I add more thumbs into slider when clicking on it.

Thanks,

Jennifer.

[Jennifer]

hi telerik,

I am expecting an immediate reply..Can you help me?

Thanks,
Jennifer.

[Tina Stancheva]

Hello Jennifer,

The RadSlider control exposes two thumb style properties:

• ThumbStyle - controls the style applied to the SelectionStart thumb
• AlternateThumbStyle - controls the style applied to the SelectionEnd thumb

You can use the two properties to define different templates/style for the SelectionStart and SelectionEnd thumbs. Also in order to change the color of the thumbs when they are selected, you'll need to modify the ColorAnimations of the Pressed VisualState of the thumbs. I attached a sample project demonstrating how to use the style properties to differentiate the styles of the two thumbs.

However, the RadSlider control doesn't support multiple thumbs at the moment. But there is a feature request added in our PITS that you can vote for.

Kind regards,
Tina Stancheva
the Telerik team