Styling Expander

2 posts, 0 answers
  1. Chris
    Chris avatar
    53 posts
    Member since:
    Oct 2012

    Posted 29 Apr 2010 Link to this post

    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?

  2. Dimitrina
    Dimitrina avatar
    442 posts

    Posted 03 May 2010 Link to this post

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