This is a migrated thread and some comments may be shown as answers.

Telerik WPF Windows 8 Theme modification...

2 Answers 428 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

Craig asked on 04 Jan 2017, 05:02 PM

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:

....

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

2 Answers, 1 is accepted

answered on 05 Jan 2017, 08:28 PM

2017-01-05-1515.png

ImplicitStylingDemo.zip

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

Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.