How to change default selected item colour

[wpfdev]

Hello,

How could I change the default colour when a mouse moves over a treeview item? Also, how could I change the default colour when a treeview item is selected?

Thanks.

[Tina Stancheva]

Hello wpfdev,

In order to apply these changes you have to edit the ControlTemplate of the RadTreeView in Blend. More information you can find here.

Then you will be able to modify the default style of the RadTreeView to match your requirements.

In order to modify the MouseOver and Selected background color of the RadTreeViewItem you can modify the MouseOver/Selected resource brushes - ControlSubItem_OuterBorder_MouseOver, ControlSubItem_InnerBorder_MouseOver, ControlSubItem_Background_MouseOver and ControlSubItem_OuterBorder_Selected, ControlSubItem_InnerBorder_Selected, ControlSubItem_Background_Selected.

Another approach is to set the new values in the MouseOver and SelectionVisual Borders:

<!--MouseOver Borders-->
<Border x:Name="MouseOverVisual" Grid.ColumnSpan="6" Grid.Column="2" Opacity="0"
        BorderThickness="{StaticResource ControlSubItem_OuterBorderThickness}"
        BorderBrush="{StaticResource ControlSubItem_OuterBorder_MouseOver}"
        CornerRadius="{StaticResource ControlSubItem_OuterCornerRadius}">
    <Border BorderBrush="{StaticResource ControlSubItem_InnerBorder_MouseOver}"
        BorderThickness="{StaticResource ControlSubItem_InnerBorderThickness}"
        Background="{StaticResource ControlSubItem_Background_MouseOver}"
        CornerRadius="{StaticResource ControlSubItem_InnerCornerRadius}"/>
</Border>

...

<!--SelectionVisual Borders-->
<Border x:Name="SelectionVisual" Grid.ColumnSpan="6" Grid.Column="2" Visibility="Collapsed"
        BorderBrush="{StaticResource ControlSubItem_OuterBorder_Selected}"
        BorderThickness="{StaticResource ControlSubItem_OuterBorderThickness}"
        CornerRadius="{StaticResource ControlSubItem_OuterCornerRadius}">
    <Border BorderBrush="{StaticResource ControlSubItem_InnerBorder_Selected}"
        BorderThickness="{StaticResource ControlSubItem_InnerBorderThickness}"
        Background="{StaticResource ControlSubItem_Background_Selected}"
        CornerRadius="{StaticResource ControlSubItem_InnerCornerRadius}"/>
</Border>

I prepared a sample project illustrating the first approach. Please take a look at it and let me know if it works for you or if you need more info.

Regards,
Tina Stancheva
the Telerik team

[wpfdev]

It helps. Thanks.