Telerik UI for WPF

Like most WPF controls, the RadSlider also allows you to template it in order to change the control from the inside. Except for templating the whole control, you can template parts of it or even independent controls related to it.

Tip
For more information about templating and how to modify the default templates of the RadControls read the common topicsthe common topics on this matter.

RadSlider Template Structure

This section will explain the structure of the RadSlider's template. Here is a snapshot of the template generated in Expression Blend.

It contains the following parts:

  • layoutControl - is of type LayoutTransformControl and represents the layout root for the template.
    • [Grid] - represents the host control for the RadSlider control elements.

      • TopTickBar - is of type RadTickBar and is used to display the TopLeft positioned ticks
      • Track - is the ContentControl that represents the RadSlider track
      • DecreaseButton - is a RepeatButton that represents the left handle of the RadSlider
      • LargeDecreaseButton - - is a RepeatButton that is used to implement large decrease change
      • [Grid] - represents the host control for the RadSlider thumb and SelectonRange elements
        • SingleThumbHost - is of type Thumb and represents the single thumb of the RadSlider
        • RangeThumbsPanel - is the StackPanel that hosts the SelectionRange elements
          • RangeStartThumb - is of type Thumb and represents the SelectionStart thumb in a selection range
          • RangeMiddleThumb - is of type Thumb and represents the selection range
          • RangeEndThumb - is of type Thumb and represents the SelectionEnd thumb in a selection range
      • LargeIncreaseButton - is a RepeatButton that is used to implement large increase change
      • IncreaseButton - is a RepeatButton that represents the right handle of the RadSlider
      • BottomTickBar - is of type RadTickBar and is used to display the BottomRight positioned ticks