Hello. I'm trying to create a vertical RadSlider with a custom Thumb that will display the current value of the slider, and has a pair of up/down buttons that the user can click to increment the slider by a fixed amount.
I've styled my Thumb to have Height="30" and Width="100", and the custom thumb appears as expected. However, there are two problems. First, because my RadSlider has Orientation="Vertical", I'm only able to drag the slider until the thumb is 100 px below the top of the slider - the width of the Thumb. When the Thumb is at the maximum position, the slider value is 100% - but I'd like the Thumb to move through the entire length of the slider's Track.
The second problem is, when the slider is set to zero, the custom content of my Thumb appears below the bottom of the slider - I would like it to be centered on the bottom of the slider's Track.
Setting a margin on the Thumb only changes the proportion of "dead" space in the slider; if the Margin is 50, then I can only drag to within 50 px of the top or bottom of the slider.
Thank you!
-Ed
The observed behavior is the expected one when modifying the RenderTransform of the native Thumb element. Setting the RenderTransform property will only rotate the element by the given angle. The thumb still correctly goes from the Minimum value to the Maximum value of the RadSlider. This behavior could be checked by removing the RotateTransform and the thumb will correctly go through the whole length of the track.
I cannot suggest a solution that will result in the desired end look.