Differentiate thumbs in RadSlider

3 posts, 1 answers
  1. Jennifer
    Jennifer avatar
    9 posts
    Member since:
    Oct 2011

    Posted 22 Nov 2011 Link to this post

    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. Jennifer
    Jennifer avatar
    9 posts
    Member since:
    Oct 2011

    Posted 24 Nov 2011 Link to this post

    hi telerik,

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

    Thanks,
    Jennifer.
  3. DevCraft banner
  4. Answer
    Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 25 Nov 2011 Link to this post

    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 >>

Back to Top