Theming the RadPaneGroup

To modify the appearance of the RadPaneGroup you have to create a custom theme and place a style that targets the RadPaneGroup control in it. The topic assumes that you have created a theme witha ResourceDictionary that will host the styles and the resources for your custom theme. To learn how to style it read the Styling the RadPaneGroup topic.

Copy the created style with all of the resources it uses and place it in the ResourceDictionary that represents the theme for your RadDocking control.

XAML

	<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
	    <!--Paste the style and all of the resources it uses here. -->
	    <Style x:Key="RadPaneGroupStyle" TargetType="telerik:RadPaneGroup">
	        <!--...-->
	    </Style>
	</ResourceDictionary>

The next step is to declare the required namespaces in the resource dictionary.

XAML

	<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	    xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
	    <!--...-->
	</ResourceDictionary>

XAML

	<Style TargetType="telerik:RadPaneGroup">
	    <!--...-->
	</Style>

C#

	public App()
	{
	    InitializeComponent();
	    StyleManager.SetTheme( this.radDocking, new RadDockingTheme());
	}

VB.NET

	Public Sub New()
		InitializeComponent()
		StyleManager.SetTheme(Me.radDocking, New Theme())
	End Sub

Finally in order to make the style default for all of the RadPaneGroup controls you have to set it to the following value.

XAML

	<Style x:Key="{telerik:ThemeResourceKey ThemeType={x:Type local:RadDockingTheme}, ElementType={x:Type telerik:RadPaneGroup}}"
	TargetType="{x:Type telerik:RadPaneGroup}">
	    <!--...-->
	</Style>

See Also

• Styling the RadPaneGroup

• Pane Groups