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:

<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> 
In this article
Not finding the help you need? Improve this article