This is a migrated thread and some comments may be shown as answers.

Differentiate thumbs in RadSlider

2 Answers 91 Views
Slider
This is a migrated thread and some comments may be shown as answers.
Jennifer
Top achievements
Rank 1
Jennifer asked on 22 Nov 2011, 12:05 PM

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.

2 Answers, 1 is accepted

Sort by
0
Jennifer
Top achievements
Rank 1
answered on 24 Nov 2011, 05:32 PM
hi telerik,

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

Thanks,
Jennifer.
0
Accepted
Tina Stancheva
Telerik team
answered on 25 Nov 2011, 11:45 AM
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

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

Tags
Slider
Asked by
Jennifer
Top achievements
Rank 1
Answers by
Jennifer
Top achievements
Rank 1
Tina Stancheva
Telerik team
Share this question
or