WPF Styling Sliders Thumb

See more:

C#

XAML

WPF

Hi All!

My goal is to create custom slider where sliders current value is shown inside its dragable thumb (inside textblock). Im quite new in wpf, but I think it is doable with styles?

Here is my current thumbstyle. The problem is that I cannot bind my textbox Text property to sliders Value property (slider style x:key is MySlider). Or is it event right way to do it...

<!--Simple SliderThumb - The Thumb is the draggable part of a Slider--> 
<Style x:Key="MySliderThumb" d:IsControlPart="True" TargetType="{x:Type Thumb}">
<setter property="SnapsToDevicePixels" value="true"></setter>
<setter property="Height" value="50"></setter>
<setter property="Width" value="50"></setter>
<setter property="Template">
  <setter.value>
    <controltemplate targettype="{x:Type Thumb}">
      <grid>                        
         <border borderbrush="{DynamicResource normalBorderBrush}" borderthickness="2">

         <textblock text="{Binding ElementName=MySlider, Path=Value}"></textblock> <!--THIS WONT WORK. HOW TO BIND MY SLIDER STYLE x:key="MySlider" AND ITS CURRENT VALUE?-->          
         </border>
     </grid> 
                </controltemplate>
            </setter.value>
        </setter>
    </Style>

Hope you got idea :)

Cheers!