Pane Header Background?

2 posts, 0 answers
  1. Cameron Molyneux
    Cameron Molyneux avatar
    79 posts
    Member since:
    Jan 2010

    Posted 13 Sep 2011 Link to this post

    I'm trying to set the back colour of the pane header (see attached image) but I cant work out where in the template to change it

    Can you help?

  2. Dani
    Dani avatar
    848 posts

    Posted 13 Sep 2011 Link to this post

    Hi Cameron,

    The header you wish to alter is part of the default style for RadPaneGroup.

    You can generate the Style for RadDocking control in Expression Blend and find inside the style for the RadPaneGroup. Please, note that if you are using the Metro theme, you should get the style from your RadControls installation folder, instead. It is located in the Themes folder and MetroTheme subfolder. If you have difficulties finding the needed resources, please let me know.

    The element you need to modify is the HeaderContainer in RadPaneGroupDefaultControlTemplate. The following snippet illustrated changing the background color of the header to Pink:

    <ControlTemplate x:Key="RadPaneGroupDefaultControlTemplate" TargetType="telerikDocking:RadPaneGroup">
                    <Border x:Name="HeaderContainer" Grid.Row="1" Grid.Column="1">
                        <dock:PaneHeader x:Name="HeaderElement" Background="Pink" SelectedPane="{TemplateBinding SelectedPane}" Visibility="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=SelectedItem.PaneHeaderVisibility}" telerik:StyleManager.Theme="{StaticResource Theme}" />

    Please, note that the Metro theme bears some changes for the SP1 release, expected next week. This specific header will be displayed in the accent color of the theme.

    I hope this will be helpful.

    Best wishes,
    the Telerik team
    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>
Back to Top