This is a migrated thread and some comments may be shown as answers.

Expander Header on Right - Swap positions of Text and Expander

1 Answer 53 Views
Expander
This is a migrated thread and some comments may be shown as answers.
Madhu
Top achievements
Rank 1
Madhu asked on 27 May 2011, 12:25 PM
Hi,

We would like to have the expander aligned to the right, for this we are setting HorizontalHeaderAlignment="Center", The header text and the expander are both appearing right aligned, but the expander is on the left and the header text is on the right. Can you please tell us if there is a way to swap these positions.

Right now it looks like v Options

We would like to appear as Options v

Thanks,
Madhu

1 Answer, 1 is accepted

Sort by
0
Petar Mladenov
Telerik team
answered on 01 Jun 2011, 01:19 PM
Hi Madhu,

You can edit the default style of the RadExpander. You can add additional column in the "HeaderPanel" Grid and place the Grid that wraps the ExpanderButton in the third ( the newly-added) column:
<Grid x:Name="HeaderPanel">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>
                            <Grid Grid.Column="2" Grid.Row="0">
                                <Ellipse x:Name="OuterCircle" Fill="{StaticResource ControlBackground_Normal}" HorizontalAlignment="Center" Height="20" Stroke="{StaticResource ControlOuterBorder_Normal}" VerticalAlignment="Center" Width="20"/>
                                <Ellipse x:Name="InnerCircle" HorizontalAlignment="Center" Height="18" Stroke="{StaticResource ControlInnerBorder_Normal}" VerticalAlignment="Center" Width="18"/>
                                <Grid x:Name="arrowPanel" RenderTransformOrigin=".5 .5">
Please examine the attached solution and let us know if it fits in your scenario.

Greetings,
Petar Mladenov
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
Tags
Expander
Asked by
Madhu
Top achievements
Rank 1
Answers by
Petar Mladenov
Telerik team
Share this question
or