How to override style regardless of current theme?

[Soon Hui Ngu]

I have a grid where I want all buttons to have a certain margin. All other style properties should be as if no custom style was applied, i.e. the still from the currently applied Theme.

Using something like below code doesn't work, as it completely ignores the theme's style.

    <Grid.Resources>

        <Style TargetType="Button" BasedOn="{StaticResource {x:Type Button}}">

            <Style.Setters>

                <Setter Property="Margin" Value="3" />

            </Style.Setters>

        </Style>

    </Grid.Resources>

Resources such as http://help.syncfusion.com/ug/wpf/index.html#!documents/overridesyncfusionthemes.htm show how to override one specific style. This is far too complicated for me, since I'd need to 

1) include all possible themes

2) override each of these theme's style, all in the exact same manner

3) use code-behind to determine which theme is currently applied, and select the style based on this

Is there really no easier way to achieve this?

[Muthukumar A]

Hi Soon,

Thanks for contacting Syncfusion.

In order to override theme from package you should override specific Style key provided in package.

Instead of BasedOn="{StaticResource {x:Type Button}}" ,
please use   BasedOn="{StaticResource MetroButtonStyle}"

Here, MetroButtonStyle is the key provided in Source. The naming convention of Style key is,

Themename+ControlName+ Style. For example MetroDateTimeEditStyle.

We have created a simple sample for this, and please have it from following location

Sample link: 
SkinSample_119772


Please let us know in case of any further assistance.

Regards,
Muthukumar A

[Soon Hui Ngu]

The point of my question is that I don't want to override one specific style; I want the user to be able to select a theme and the override to be applied to whichever style is associated with this theme.

[Sugapriya Mariappan]

Hi Soon,

We have modified our last updated sample which tries to meet your requirement. In this sample we have added the theming Dictionary for the Button control into the application to acquire all the properties of the base style and then we have overrided each style using BasedOn Property. And also based on theme selection at the runtime, overrided style for the corresponding theme will be applied.

Please download the sample from the following link
Sample link:SkinSample_119772

Please let us know if you need any other assistance

Regards,
M.Sugapriya

[Eric Gurney]

How would I accomplish the same thing using SfSkinManager themes?

Thanks,

Eric

[Vinothini]

Hi Eric, 

 

You requirement can be accomplished by using Theme studio. In ThemeStudio, you can customize the color of the predefined themes and export your customized themes for your application. The user guide for Theme Studio is available in the below link. 

 

UG Link : https://help.syncfusion.com/wpf/themes/theme-studio  

 

Check with the above link and let us know if you need any further assistance. 

 

Regards, 

Vinothini.R 

[Eric Gurney]

The merge and export exports a very small XAML file with hardly anything in it.  How do I get the same xaml pieces I see when I don't have that checked into one file?

[Vinothini]

Hi Eric, 

 

Thank you for your update. 

 

We faced some problem in “Merge and Export” and it is fixed internally. A support incident has been created under your account to provide you the solution. Please log on to our support website to check for further updates.  

 

https://www.syncfusion.com/account/login?ReturnUrl=%2fsupport%2fdirecttrac%2fincidents  

   

Regards, 

Vinothini.R