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

It contains the following parts:

• [Grid] - is of type Grid and represents the layout root for the template.
  • [Border] - hosts the RadExpander and is of type Border .
    • [Grid] - represents the host control for the RadExpander 's template elements.
      • HeaderButton - is of type RadToggleButton and represents the control that holds the Header of the RadExpander .
        • HeaderPanel - is of type Grid and hosts the RadExpander'sHeader template elements
          • [Grid] - is if type Grid and hosts the expanded state indicator elements
            • OuterCircle - is the circle drawn on the outer part of the arrow indicating whether the control is expanded
            • InnerCircle - is the circle drawn inside the OuterCircle
            • arrowPanel - is of type Grid and hosts the arrow indicating whether the control is expanded
              • arrow - is of type Path and it indicates whether the control is expanded
          • HeaderContentTransform - is of type LayoutTransformControl and hosts the Header content
            • HeaderContent - is of type ContentPresenter and is used to display the value of the RadExpander.Header property.
        • Content - is of type ContentPresenter and is used to display the value of the RadExpander.Content property.

Other Resources