Pane Header Background?

[Cameron Molyneux]

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?

Thanks

[Dani]

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">
            <Grid>
...

                <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}" />
                </Border>

...

           </Grid>

        </ControlTemplate>

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,
Dani
the Telerik team