How to edit Dockresizer

Environment

Product Version	2019.2 624
Product	RadDocking for WPF

Description

How to customize the background colors of the normal and preview states of the DockResizer element.

Solution

To customize the colors of the DockResizer's normal and preview states add the following two Styles:

<!--If the NoXaml binaries are used, the following style needs to be based on the default one, like so:-->  
<!--<Style TargetType="Control" BasedOn="{StaticResource GridResizerPreviewStyle}">--> 
 
<Style x:Key="ResizerPreviewStyle" TargetType="Control"> 
    <Setter Property="Background" Value="#4A1B7E"/> 
<!--The template can be omitted for the NoXaml as it will come from the base Style. 
    Omitting it for StyleManager will lead to empty template and no visual change.--> 
    <Setter Property="Template"> 
        <Setter.Value> 
            <ControlTemplate TargetType="Control"> 
                <Border BorderThickness="{TemplateBinding BorderThickness}" 
                        BorderBrush="{TemplateBinding BorderBrush}" 
                        Background="{TemplateBinding Background}" /> 
            </ControlTemplate> 
        </Setter.Value> 
    </Setter> 
</Style> 
 
<!--If the NoXaml binaries are used, the following style needs to be based on the default one, like so:-->  
<!--<Style TargetType="telerik:RadGridResizer" BasedOn="{StaticResource RadGridResizerStyle}">--> 
 
<Style TargetType="telerik:RadGridResizer"> 
    <Setter Property="Background" Value="#190099BC"/> 
    <Setter Property="PreviewStyle" Value="{StaticResource ResizerPreviewStyle}"/> 
</Style>