Edit this page

Expand Direction

The ExpandDirection property gets or sets the direction in which the content would expand.

The grid below contains four RadExpander controls, each with a different ExpandDirection:

XAML

<Grid x:Name="LayoutRoot" 
      Width="555"
      Height="444"
      Background="White"
      ShowGridLines="True">
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <telerik:RadExpander Grid.Row="0" 
                         Grid.Column="0"
                         VerticalAlignment="Top"
                         ExpandDirection="Down"
                         Header="Down">
        <StackPanel Orientation="Vertical">
            <Ellipse Width="99" 
                     Height="99"
                     Margin="5"
                     Fill="Yellow" />
        </StackPanel>
    </telerik:RadExpander>
    <telerik:RadExpander Grid.Row="0" 
                         Grid.Column="1"
                         VerticalAlignment="Bottom"
                         ExpandDirection="Up"
                         Header="Up">
        <StackPanel Orientation="Vertical">
            <Ellipse Width="99" 
                     Height="99"
                     Margin="5"
                     Fill="Blue" />
        </StackPanel>
    </telerik:RadExpander>
    <telerik:RadExpander Grid.Row="1" 
                         Grid.Column="0"
                         HorizontalAlignment="Left"
                         ExpandDirection="Right"
                         Header="Right">
        <StackPanel Orientation="Horizontal">
            <Ellipse Width="99" 
                     Height="99"
                     Margin="5"
                     Fill="Red" />
        </StackPanel>
    </telerik:RadExpander>
    <telerik:RadExpander Grid.Row="1" 
                         Grid.Column="1"
                         HorizontalAlignment="Right"
                         ExpandDirection="Left"
                         Header="Left">
        <StackPanel Orientation="Horizontal">
            <Ellipse Width="99" 
                     Height="99"
                     Margin="5"
                     Fill="Green" />
        </StackPanel>
    </telerik:RadExpander>
</Grid>