Thicker Slider and Ticks

4 posts, 1 answers
  1. Dr.YSG
    Dr.YSG avatar
    210 posts
    Member since:
    Dec 2009

    Posted 20 Oct 2010 Link to this post

    I have been trying in Blend4 to change the control template for the RadSlider to have a thicker track. I thought it was the resource SliderInnerBorderTrack_InnerThickness. I have tried a couple other resoures (outer, etc,) and well as playing with the margins but no changes in Blend4.

    Also, can you point me an example of how to get numeric text labels for the ticks. My slider is in a grid (and stretches horizontally) I have tried a horizontal stack panel with textblocks, and/or converting the stack to a grid, but it never really stretches to match the ticks. (Tick labels look like 00:30).

  2. Zarko
    Admin
    Zarko avatar
    755 posts

    Posted 21 Oct 2010 Link to this post

    Hi Dr.YSG,

     To change the thickness of the slider you should change the Height property of the Track and then to adjust the HorizontalSingleThumbTemplate to match your new track.
    To customize your ticks you should edit the ThickTemplate as it is shown here.
    I've made you a sample project, so could you please examine it and if you have further questions feel free to ask?

    Best wishes,
    Zarko
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. DevCraft banner
  4. Dr.YSG
    Dr.YSG avatar
    210 posts
    Member since:
    Dec 2009

    Posted 21 Oct 2010 Link to this post

    The Tick Template is a good trick. Thanks. I was trying to place a stackbox with labels about ticks, But now I see the right way is to created a datatemplate that has both the labels and the | | | bars above each one for the ticks. Great.

    On the other point about the thicker Slider. I tried "Changing the Track height, in the ControlTemplate"  and it made a thicker black bar but the "yellow goop" that grows grows between the range handles is not any thicker, and that is really what I wanted to effect. (so that it is easier to grab in and see where the values are.

  5. Answer
    Zarko
    Admin
    Zarko avatar
    755 posts

    Posted 26 Oct 2010 Link to this post

    Hello Dr.YSG,

     I guess that the "yellow goop" is the selection range? If this is the case to customize it you have to edit the HorizontalRangeSelectionThumbTemplate. I've updated the attached project, so could you please examine it and if you have further questions feel free to ask?

    Kind regards,
    Zarko
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Back to Top