Styling the Docking control directly is not an easy task because there are some types of components that are created and destroyed dynamically. These components are mainly the PaneGroup controls and the SplitContainer controls. The right way to style the Docking control is to create a custom theme and apply it to the control. Unfortunately, the Docking control doesn't work directly with themes, yet. The only way at this time is to set a custom application theme, where to customize only the Docking control. The attached example demonstrates this approach. We are working on the Theming mechanism and the Docking control will be themable soon (with the next official Q2 release due by the end of June).
In the attached example, you will find a sample application with a Docking control and a .xaml file called Theme.xaml that has build action set to Resource. In the App.xaml.cs you will find the following line of code added in the constructor:
|StyleManager.ApplicationTheme = new Theme(new Uri("DockingGetingStartedDemo;component/Theme.xaml", UriKind.Relative));
This sets the theme in .xaml file as an application theme. In the Theme.xaml
file are all the default styles of all the Docking
sub-controls. You can customize them all, and the new style will be applied to all their instances.
Hope this allows you to customize the control as you want.
the Telerik team