Set VisualStyle for Derived in SkinStorage

4 May 20211 minute to read

This page explains Set VisualStyle for Derived in SkinStorage and more details.

Set Visual Style for dynamically added Derived Controls in WPF SkinStorage (Classic)

Normally, a control added to an application will dynamically pick up the existing style using the SkinStorage. But when an user control derived from the existing control is added to an application, a style based on the Base class should be defined in the application.

The following code snippet explains the scenario where an user control of Button type is exposed here.

XAML

<Button x:Class="WpfApplication2.TestButton"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
Height="300" Width="300" xmlns:theme="http://schemas.syncfusion.com/wpf" theme:SkinStorage.VisualStyle="Blend">  
</Button>

C#

public partial class TestButton : Button
{
    public TestButton()
    {
        InitializeComponent();
    }
}

Styles based on the button style should be defined in the application as follows. You have to merge the corresponding Resource Dictionary when overriding the style in the application.

XAML

<Application.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="/Syncfusion.Shared.WPF;component/SkinManager/BlendStyle.xaml"/>
</ResourceDictionary.MergedDictionaries>        
<Style TargetType="local:TestButton" BasedOn="{StaticResource BlendButtonStyle}">
<Setter Property="Background" Value="GoldenRod"/>
</Style>
</ResourceDictionary>
</Application.Resources>

The output is displayed as shown below.