How to Set the Background of RadDocking's Pane to Transparent

Updated on Sep 15, 2025

Environment

Product Version	2019.2.618
Product	RadDocking for WPF

Description

How to set the background of a RadDocking's pane to transparent (including RadPaneGroup and AutoHideArea elements)?

Solution

To remove the backround of a RadPane, add the following Styles:

XAML

	<Application.Resources>
  		<!-- If you are using the StyleManager theming mechanism with the XAML binaries, remove the BasedOn attributes -->
		<Style TargetType="telerik:RadPane" BasedOn="{StaticResource RadPaneStyle}">
			<Setter Property="mat:MaterialAssist.IsShadowDisabled" Value="True"/>
			<Setter Property="Background" Value="Transparent"/>
		</Style>
		<Style TargetType="telerik:RadPaneGroup" BasedOn="{StaticResource RadPaneGroupStyle}">
			<Setter Property="mat:MaterialAssist.IsShadowDisabled" Value="True"/>
			<Setter Property="Background" Value="Transparent"/>
		</Style>
		<Style TargetType="telerik:AutoHideArea" BasedOn="{StaticResource AutoHideAreaStyle}">
			<Setter Property="mat:MaterialAssist.IsShadowDisabled" Value="True"/>
			<Setter Property="Background" Value="Transparent"/>
		</Style>
	</Application.Resources>

The setters for the mat:MaterialAssist.IsShadowDisabled properties are only needed for the Crystal, Fluent and Material themes.