Telerik WPF Windows 8 Theme modification...

[Craig]

I am using the Telerik Windows 8 theme in my WPF application.  However, I do not like the way the checkbox checked state is indicated using a colored square rather than an actual check mark as in the Windows 7 theme.  It was very simple to copy the checkbox template and modify it to use the checkbox check mark from the Windows 7 theme checkbox template.  However, I am having trouble finding a way to add this modified template to my Application.Resources in such a way as to apply it to all checkboxes in my application.  For some reason, the template in the Telerik Windows 8 theme continues to override my new checkbox style and I am not sure why.

 

I have tried a few different approaches, yet nothing seems to work.  My latest approach is to add the following style to my Application.Resources resource dictionary:

 

<Style BasedOn="{StaticResource {telerik:ThemeResourceKey ThemeType=telerik:Windows8Theme, ElementType=CheckBox}}" TargetType="CheckBox" >

    <Setter Property="Template">

    ....

    </Setter>

</Style>

 

I would really appreciate any input.  How can I apply a checkbox template modification to all of the checkboxes in my application??

 

Thanks!

Craig

[Lance | Manager Technical Support]

Hello Craig,

In order for you to accomplish what you need, you must use the Implicit Styling approach. Please read that article for a full explanation and steps to implement (there are also a few tutorials on how to style controls and custom controls).

To help get you up and running quickly, I've attached a demo to demonstrate Implicit Styling. Even when a Checkbox is within a custom template in a GridView, you'll see the style applied. (see attached screenshot).

Here's the style you see in the screenshot:

<Style BasedOn="{StaticResource CheckBoxStyle}" TargetType="CheckBox">
    <Setter Property="Background" Value="GreenYellow"/>
</Style>

Switching your app to leverage Implicit Styling

Please review the full documentation, but here are the mainsteps to switch to Implicit Styling:

1 - Reference the NoXaml DLLs (in C:\Program Files (x86)\Telerik\UI for WPF R3 2016\Binaries.NoXaml)

2 - Either reference the Theme's DLL (most common approach) or copy the XAML files of the controls into the app. In my demo, I use the Theme's DLL.

3 - Merge the controls' ResourceDictionaries in App.xaml (make sure you merge the ones you need, see here)

<ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/Telerik.Windows.Themes.Windows8;component/Themes/System.Windows.xaml" />
                <ResourceDictionary Source="/Telerik.Windows.Themes.Windows8;component/Themes/Telerik.Windows.Controls.xaml" />
                <ResourceDictionary Source="/Telerik.Windows.Themes.Windows8;component/Themes/Telerik.Windows.Controls.Input.xaml" />
                <ResourceDictionary Source="/Telerik.Windows.Themes.Windows8;component/Themes/Telerik.Windows.Controls.GridView.xaml" />
</ResourceDictionary.MergedDictionaries>

Now, you can override any style or template for the UI for WPF controls.

Please let us know if you have any further trouble.

Regards,
Lance | Tech Support Engineer, Sr.
Telerik by Progress

[Craig]

This appears to be exactly what I needed to know, Lance. 

Much appreciated,

Craig