Displaying tooltip for a checkbox on a treeview

[Ruth]

Is there a way to display a tool tip when user is hovering around the checkbox on a treeview?

[Rahul]

Hi Ruth,

            Please check out below code to apply tooltip for checkbox in tree view.

<Grid x:Name="LayoutRoot">
       <Grid.Resources>
           <DataTemplate x:Key="Team">
               <StackPanel Orientation="Horizontal">
                   <CheckBox Click="CheckBox_Click" ToolTipService.ToolTip="Check Me"/>
               <TextBlock Text="{Binding Name}" />
               </StackPanel>
           </DataTemplate>

           <telerik:HierarchicalDataTemplate x:Key="Division" ItemTemplate="{StaticResource Team}"
          ItemsSource="{Binding Teams}">
               <TextBlock Text="{Binding Name}" />
           </telerik:HierarchicalDataTemplate>

           <telerik:HierarchicalDataTemplate x:Key="League" ItemTemplate="{StaticResource Division}"
          ItemsSource="{Binding Divisions}">
               <TextBlock Text="{Binding Name}" />
           </telerik:HierarchicalDataTemplate>

       </Grid.Resources>
       <telerik:RadTreeView Name="radTreeView"  ItemTemplate="{StaticResource League}">

       </telerik:RadTreeView>
   </Grid>

Thanks & Regards
Rahul

[Petar Mladenov]

Hi Rahul,

 We are glad to know that you have found a way to achieve this functionality. In the attached project you can find another approach - the default template of the RadTreeViewItem is extracted from Blend and the same Tooltip  is applied in the ChechBoxElement:

<CheckBox ToolTipService.ToolTip="Check Me"
                          x:Name="CheckBoxElement" Grid.Column="2"
                          IsTabStop="False" Margin="5,0,0,0"
                          telerik:StyleManager.Theme="{StaticResource Theme}
                    " Visibility="Collapsed"
                          VerticalAlignment="Center"/>

 

All the best,
Petar Mladenov
the Telerik team

[Ruth]

Rahul and Petar,

Thank you for your code samples.

Rahul - I need to see a tool tip when user is hovering over the checkbox without actually clicking it.

Petar - I am trying not to have a checkbox in a data template. I would prefer to utilize

IsTriStateMode="True" IsOptionElementsEnabled="True" ItemsOptionListType="CheckList" 
to display a checkbox on a treeview. Is it still possible to display a tool tip for a checkbox?

[Petar Mladenov]

Hello Ruth ,

 So I guess the project I attached is just what you need. Please note that I have used the default TriState Behavior and I have not included CheckBox in the ItemsTemplate:

<Grid.Resources>
          <telerik:HierarchicalDataTemplate x:Key="itemtemplate" ItemsSource="{Binding Children}" >
              <TextBlock Text="{Binding Name}" />
          </telerik:HierarchicalDataTemplate>
      </Grid.Resources>

      <telerik:RadTreeView x:Name="tree"
                           IsExpandOnSingleClickEnabled="false"
                           IsLineEnabled="True"
                           IsOptionElementsEnabled="True"
                           IsTriStateMode="True" ItemTemplate="{StaticResource itemtemplate}" />

Do not hesitate to ask if  you need further assistance.

Greetings,
Petar Mladenov
the Telerik team

[Ruth]

Thank you, Petar!