Expander Header on Right - Swap positions of Text and Expander

[Madhu]

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

[Petar Mladenov]

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