Expander Header on Right - Swap positions of Text and Expander

2 posts, 0 answers
  1. Madhu
    Madhu avatar
    30 posts
    Member since:
    May 2011

    Posted 27 May 2011 Link to this post

    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
  2. Petar Mladenov
    Admin
    Petar Mladenov avatar
    2891 posts

    Posted 01 Jun 2011 Link to this post

    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
  3. DevCraft banner
Back to Top