How to make the selected item in the radtreeview to have a style applied (or) to highlight the radtreeview selected item when a radpane is used?

Question

Code:

<UserControl.Resources>
        <ResourceDictionary>
        <ControlTemplate x:Key="RadTreeViewItemControlTemplate1" TargetType="{x:Type telerik:RadTreeViewItem}">
                <Grid x:Name="RootElement">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition/>
                    </Grid.RowDefinitions>
                    <Grid x:Name="HeaderRow" Background="Transparent" MinHeight="{TemplateBinding MinHeight}" SnapsToDevicePixels="True">
            <Border x:Name="SelectionUnfocusedVisual" BorderBrush="#FFDBDBDB" BorderThickness="1" Grid.ColumnSpan="6" Grid.Column="2" CornerRadius="1" Visibility="Collapsed">
                            <Border BorderBrush="Transparent" BorderThickness="1" CornerRadius="0">
                                <Border.Background>
                                    <LinearGradientBrush EndPoint="0,1">
                                        <GradientStop Color="#FFF8F6F9" Offset="0"/>
                                        <GradientStop Color="#FFF0F0F0" Offset="1"/>
                                    </LinearGradientBrush>
                                </Border.Background>
                            </Border>
                        </Border>
              </Grid>
          </Grid>
          <ControlTemplate.Triggers>    
            <MultiTrigger>
                            <MultiTrigger.Conditions>
                                    <Condition Property="IsSelected" Value="True"/>
                                    <Condition Property="IsSelectionActive" Value="False"/>
                            </MultiTrigger.Conditions>
                            <Setter Property="Visibility" TargetName="SelectionUnfocusedVisual" Value="Visible"/>
                        </MultiTrigger>
        </ControlTemplate.Triggers>
            </ControlTemplate>
        </ResourceDictionary>
    </UserControl.Resources>


<DockPanel>
        <telerik:RadDocking x:Name="radDocking" Width="245" ConstraintAutoHideArea="False">
            <telerik:RadSplitContainer x:Name="radSplitContainer">
                <telerik:RadPaneGroup x:Name="radGroup">
                    <telerik:RadPane x:Name="radPane1" Header="Test" ContextMenuTemplate="{x:Null}" CanUserClose="False" CanFloat="False" Cursor="Hand">
            <Grid>
                            <DockPanel LastChildFill="True">
                <telerik:RadTreeView x:Name="radTreeView" DockPanel.Dock="Left" Background="#FF525152" VirtualizingPanel.IsVirtualizing="True">
                                    <telerik:RadTreeView.Resources>
                                        <Style TargetType="{x:Type telerik:RadTreeViewItem}">
                        <Setter Property="Template" Value="{StaticResource RadTreeViewItemControlTemplate1}" />
                    </Style>
                                    </telerik:RadTreeView.Resources>
                                </telerik:RadTreeView>
                 </DockPanel>
                        </Grid>
                    </telerik:RadPane>
                </telerik:RadPaneGroup>
            </telerik:RadSplitContainer>
        </telerik:RadDocking>   
</DockPanel>

After using the Radpane, the selected item is not having the style applied. If RadTreeView alone is used (without having radpane), the selected item in the radtreeview is having the style SelectionUnfocusedVisual which is working properly (i.e), Selected Item gets Highlighted. How to make the selected item in the radtreeview to have a style applied (or) to highlight the radtreeview selected item when a radpane is used?. Thanks.

Answer 1

I found out the solution. That is we need to update the RadDocking layout once we select the radtreeviewitem

Solution:

this.radDocking.UpdateLayout();