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