RadTreeView : application theme not being applied

[Kenny]

I'm attempting to change the SelectedUnfocused VisualState.  I've extracted the style using Blend, made the correction for the Item Template Selector, and have set the Selected Unfocused Visual State to StoryBoard.TargetName="SelectionVisual".  So focused/unfocused look the same.

I'm also setting the StyleManager.ApplicationTheme to Windows7Theme in the window constructor prior to the InitializeComponent() call.

Simple xaml.  I would expect the highlights to be a blue-ish color.  However, they are the orange-ish color.

<Grid>
<telerik:RadTreeView ItemsSource="{Binding Nodes}"
ItemTemplateSelector="{StaticResource TreeViewTemplateSelector}"
ItemContainerStyle="{DynamicResource RadTreeViewItemStyle1 }"/>
</Grid>

 

However, if I do this, setting a simple property on the Item Container Style, the theme works.

<Grid>
<telerik:RadTreeView ItemsSource="{Binding Nodes}"
ItemTemplateSelector="{StaticResource TreeViewTemplateSelector}">
<telerik:RadTreeView.ItemContainerStyle>
<Style TargetType="{x:Type telerik:RadTreeViewItem}">
<Setter Property="IsExpanded" Value="True"></Setter>
</Style>
</telerik:RadTreeView.ItemContainerStyle>
</telerik:RadTreeView>
<!--ItemContainerStyle="{DynamicResource RadTreeViewItemStyle1 }"/>-->
</Grid>

 

I know the second case doesn't change the unfocused selection visual state, so how might I get theming to work when basing the Item Container Style on a complete style?

 

Thanks,
Kenny

 

[Evgenia]

Hello Kenny,

Thanks for contacting us.
This is to inform you that I'm currently looking at your request but I'll need some more time to answer you.
I'll contact you again tomorrow with more information on the case.

Thanks in advance for your patience and understanding.

Regards,
Evgenia
Telerik by Progress

[Evgenia]

Hi Kenny,

It seems that by applying your custom Style for the RadTreeViewItem via the ItemContainerStyle property where the Style itself is called as a resource it fails to get its preset Application theme and fallbacks to the default OfficeBlack theme (that's the reason why you see the orange-ish color).
Can you try explicitly setting the Theme for the custom style that you are setting like this:

<Style x:Key="RadTreeViewItemStyle1 " TargetType="telerik:RadTreeViewItem" telerik:StyleManager.BasedOn="Windows7">

....

<telerik:RadTreeView ItemsSource="{Binding Nodes}"
ItemTemplateSelector="{StaticResource TreeViewTemplateSelector}"
ItemContainerStyle="{StaticResource RadTreeViewItemStyle1 }"/>
</telerik:RadTreeView>
...

If this doesn't help I'd recommend that you send us a runnable version of your project where we can see your exact setup and guide you better. 

Regards,
Evgenia
Telerik by Progress

[Kenny]

Thank you for your reply.  However, doing as you suggest results in a couple of complier errors.

Error The attachable property 'BasedOn' was not found in type 'StyleManager'.
Error The member "BasedOn" is not recognized or is not accessible. StyleStuff
Error The property 'StyleManager.BasedOn' does not exist in XML namespace 'http://schemas.telerik.com/2008/xaml/presentation'. Line 17 Position 96.

 

??

[Petar Mladenov]

Hi Kenny,

The solution my colleague Evgenia mentioned is applicable to no-xaml scenarios and implicit styles. For more info on how to use this approach please check out the following resources:

Setting a Theme Using Implicit Styles
Editing Control Templates Implicit Styles

We encourage you to use implicit styles instead of StyleManager  This blog post explains why:

XAML Theming – Implicit Styles versus StyleManager
In your scenario with StyleManager - you have hit a limitation, you cannot extract non-default (default is OfficeBlack) styles if you set application theme in code behind. A way to extract Windows7 styles for RadTreeView is to set the Theme in xaml:

<telerik:RadTreeView telerik:StyleManager.Theme="Windows7"/>

We hope this helps, however, we strongly advice you pick the implicit styles approach.

Regards,
Petar Mladenov
Telerik by Progress