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

Styling Expander

1 Answer 130 Views
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
Chris asked on 29 Apr 2010, 01:40 PM
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"
                    <Border Grid.ColumnSpan="3"
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"
                                <GradientStop Color="#FF4A52A3" Offset="0"/> 
                                <GradientStop Color="#FF141737" Offset="1"/> 
                        <TextBlock Text="MY HEADER" Padding="30,9,0,0" Height="30" FontSize="14" Foreground="#FFFFFFFF" /> 

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?


1 Answer, 1 is accepted

Sort by
Telerik team
answered on 03 May 2010, 03:31 PM
Hello Chris,

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

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,
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.
Asked by
Top achievements
Rank 1
Answers by
Telerik team
Share this question