Edit this page

Template Structure

Like most Silverlight controls, the RadExpander also allows you to template it in order to change the control from the inside.

RadExpander Template Structure

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's Header 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.