Styling Expander

[Chris]

Hi, I am trying to style the RadExpander in a specific way. I have attached an image showing the general look I am trying to achieve.
Here is the code I am working with so far:

<telerik:RadExpander ExpandDirection="Down" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="3" Width="700">
                <telerik:RadExpander.Header>
                    <Border Grid.ColumnSpan="3">
                        <Border.Background>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#FF4A52A3" Offset="0"/>
                                <GradientStop Color="#FF141737" Offset="1"/>
                            </LinearGradientBrush>
                        </Border.Background>
                        <TextBlock Text="MY HEADER" Padding="30,9,0,0" Height="30" FontSize="14" Foreground="#FFFFFFFF" />
                    </Border>
                </telerik:RadExpander.Header>

This gives me the gradient look I am going for in the header. To complete my style I have been working with a new control template but haven't been able to move the expander button to the other side of the header as seen in the image. I also want to change the button itself to an image.

Do you have any examples to demonstrate this?

Thanks,
Sean

[Dimitrina]

Hello Chris,

You can apply a custom theme to any of the controls. For more information you can follow the link below:

http://www.telerik.com/help/silverlight/radcontrols-for-silverlight-expression-blend-support.html 

Please find attached an example.

If you have further questions please do not hesitate to ask us.
I hope this will help you.

All the best,
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.