# Expand Direction

## Content



The [C1Expander](/componentone/api/wpf/online-extended/dotnet-framework-api/C1.WPF.Extended.4.6.2/C1.WPF.Extended.C1Expander.html) control includes the option to specify the expand direction using the [C1Expander.ExpandDirection](/componentone/api/wpf/online-extended/dotnet-framework-api/C1.WPF.Extended.4.6.2/C1.WPF.Extended.C1Expander.ExpandDirection.html) property. In addition to setting how the direction the control expands, changing the **ExpandDirection** also changes the header's orientation to the content area of the control. By default the **ExpandDirection** property is set to **Down** and the control expands from top to bottom.

The following table illustrates each **ExpandDirection** setting.

|   **ExpandDirection**   |   **Result**   |
| --- | --- |
|   Down   |   **![](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/expand_x0020_direction_files/image001.png)**   |
|   Up   |   **![](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/expand_x0020_direction_files/image002.png)**   |
|   Right   |   **![](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/expand_x0020_direction_files/image003.png)**   |
|   Left   |   **![](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/expand_x0020_direction_files/image004.png)**   |

You can set the collapsing and expanding direction in Blend, XAML, or code. For task-based help on changing the expand direction, see [Changing the Expand Direction](/componentone/docs/wpf/online-extended/Accordion/AccordionTask-BasedHelp/ChangingtheExpandDirection).