Using Expander with Splitter?

[Alan Fisher]

I would like to be able to resize an expander by dragging it, in a similar way to using a splitter. Can anyone give me some pointers to the best way to do this? I am trying to get the same effect as on http://www.telerik.com/help/silverlight/radexpander-styling-and-appearance-overview.html

TIA

[Ivan]

Hi Alan Fisher,

Thank you for contacting us.

Please follow the Using RadExpander with Splitter article. There is a working example too.

We hope this information will help you.

All the best,
Ivan
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[sam Aryan]

Hi there!

I copied the file actually it works fine on left and top but if i wanna change the position of the expander to right side of the page. it will stop working.

<Grid x:Name="LayoutRoot1">
      
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="Auto" x:Name="expandedColumn" MinWidth="33"/>
            
        </Grid.ColumnDefinitions>
        
<Border Grid.Column="0" Grid.Row="9"
                Margin="1" BorderBrush="Blue" BorderThickness="1"/>
        
        <controls:GridSplitter
            x:Name="columnSplitter" Visibility="Collapsed"
            Grid.Row="0" Grid.Column="1" Grid.RowSpan="9"
            HorizontalAlignment="Left" VerticalAlignment="Stretch"
            Width="7" Background="#7AFCDC"
            BorderThickness="1" BorderBrush="#7AFCDC" />

        

        <Border Grid.Column="2" Grid.Row="0" Grid.RowSpan="9"
                Margin="1" BorderBrush="Red" BorderThickness="1">
            <telerik:RadExpander
                ExpandDirection="left"
                Expanded="expander1_Expanded" Collapsed="expander1_Collapsed">
                <StackPanel Orientation="Vertical" Margin="9"
                            HorizontalAlignment="Center" VerticalAlignment="Center">
                    <TextBlock Text="Account:"/>
                    <TextBox Margin="9,0,0,0" HorizontalAlignment="Left" Width="255"
                             TextWrapping="NoWrap" Text="enter your account name here"/>
                    <TextBlock Text="Password:"/>
                    <TextBox Margin="9,0,0,0" HorizontalAlignment="Left" Width="111"
                             TextWrapping="NoWrap" Text="********"/>
                </StackPanel>
            </telerik:RadExpander>
        </Border>

        

        
    </Grid>

[Dimitrina]

Hello Sam ,

Unfortunately, we were not able to reproduce the issue you've encountered. Please find attached a sample file. You can compare it with your project. If you still have any problems you can send us the your project.

Best wishes,
Dimitrina
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.