How to bind tooltip to RadTreeViewItem

[Mickaël]

Hello,

I've been using RadTreeView control and am very pleased about it so far.
Yet I have an issue I couldn't solve myself : I'm binding a collection to the "ItemsSource" property of the RadTreeView.
I'd like one of the properties of the objects I'm binding to be the tooltip of the RadTreeViewItem (or the row if you speak "visually") and couldn't find a way to do it...

Can you help me ?
I hope I was clear. If not, don't hesitate to ask for further information.

Thanks in advance.
Sincerely,
Mickaël Derriey

[Petar Mladenov]

Hello Mickaël,

 You can set the Tooltip in the DataTemplate that you use in the TreeVIew like so:

<DataTemplate x:Key="itemteplate">
                <TextBlock Text="{Binding Name}">
                    <ToolTipService.ToolTip>
                        <ToolTip>
                            <ToolTip.Content>
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock Text="Tooltip " />
                                    <TextBlock Text="{Binding Id}" />
                                </StackPanel>
                            </ToolTip.Content>
                        </ToolTip>
                    </ToolTipService.ToolTip>
                </TextBlock>
            </DataTemplate>

It is also important to set HorizontalContentAlignment to Stretch so that the tooltip appears when you MouseOver the whole RadTreeViewItem, not only the TextBlock .

<Style TargetType="telerik:RadTreeViewItem">
                <Setter Property="HorizontalContentAlignment" Value="Stretch" />
            </Style>

Hope this helps you.

Greetings,
Petar Mladenov
the Telerik team

[Shirly]

Hi,
In case TreeViewItem row include more then one element of text , still th tooltip won't show if mouse is not on text control that includes the tooltip:

<DataTemplate x:Key="itemteplate">
               <Grid x:Name="grid" Height="30">
                   <Grid.ColumnDefinitions>
                       <ColumnDefinition Width="*"/>
                       <ColumnDefinition Width="400"/>
                   </Grid.ColumnDefinitions>

                   <TextBlock Grid.Column="0" Text="{Binding Name}">
                       <ToolTipService.ToolTip>
                           <ToolTip>
                               <ToolTip.Content>
                                   <StackPanel Orientation="Horizontal">
                                       <TextBlock Text="Tooltip " />
                                       <TextBlock Text="{Binding Id}" />
                                   </StackPanel>
                               </ToolTip.Content>
                           </ToolTip>
                       </ToolTipService.ToolTip>
                   </TextBlock>
                   <TextBlock  Grid.Column="1" Text="This is more text.."/>
               </Grid>
           </DataTemplate>

Do you have any suggestion what to do in such case?

Thanks,
Shirly.

[Tina Stancheva]

Hi Shirly,

I'm not sure I understand what you need to implement. But if you need to display a Tooltip on the entire RadTreeViewItem, then it might be better to apply the ToolTip on each RadTreeViewItem through a Style setter like this:

<Style TargetType="telerik:RadTreeViewItem">
    <Setter Property="ToolTipService.ToolTip">
        <Setter.Value>
            <ToolTip>
                <ToolTip.Content>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="Tooltip " />
                        <TextBlock Text="{Binding Id}" />
                    </StackPanel>
                </ToolTip.Content>
            </ToolTip>
        </Setter.Value>
    </Setter>
</Style>

Please give this a try and let me know if this is what you had in mind.

All the best,
Tina Stancheva
the Telerik team

[Shirly]

Thanks. It worked for me!