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

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:

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