Expander Control

Expander

The Expander control presents a collapsible user interface. The key properties are Header, which specifies what to display as the “caption” of the Expander, and Content, which specifies what to display when the Expander is expanded. The Header is displayed at all times; the Content is displayed only when the user expands the control using the provided button. To expand or collapse the Expander programmatically, set the IsExpanded property.

CopyExample Usage

<ms:Expander>
  <!-- Using a rich header -->
  <ms:Expander.Header>
    <StackPanel Orientation="Horizontal">
      <Image Source="star.png" />
      <TextBlock Text="Favorites" FontWeight="Bold" />
    </StackPanel>
  </ms:Expander.Header>

  <!-- Content when expanded -->
  <ms:ListView ItemsSource="{Binding Favorites}" />
</ms:Expander>