From 49bcb567332896c892d3f492c6825bfe8fa0b729 Mon Sep 17 00:00:00 2001
From: KB Bot <kb-bot@telerik.com>
Date: Fri, 25 Apr 2025 12:19:23 +0000
Subject: [PATCH 1/2] Added new kb article treeview-show-tooltip-on-parent

---
 .../treeview-show-tooltip-on-parent.md        | 120 ++++++++++++++++++
 1 file changed, 120 insertions(+)
 create mode 100644 knowledge-base/treeview-show-tooltip-on-parent.md

diff --git a/knowledge-base/treeview-show-tooltip-on-parent.md b/knowledge-base/treeview-show-tooltip-on-parent.md
new file mode 100644
index 000000000..68b4450a2
--- /dev/null
+++ b/knowledge-base/treeview-show-tooltip-on-parent.md
@@ -0,0 +1,120 @@
+---
+title: How to Show Tooltip for TreeView Parent Items in Blazor
+description: Learn how to create tooltip for Telerik TreeView items in Blazor using the ItemTemplate and Tooltip components.
+type: how-to
+page_title: How to Show Tooltip for TreeView Parent Items in Blazor
+slug: treeview-kb-show-tooltip-on-parent
+tags: treeview, blazor, tooltip, item template
+res_type: kb
+ticketid: 1684449
+---
+
+## Environment
+
+<table>
+    <tbody>
+        <tr>
+            <td>Product</td>
+            <td>TreeView for Blazor</td>
+        </tr>
+    </tbody>
+</table>
+
+## Description
+
+This knowledge base article answers the following questions:
+
+- How to display Tooltip for Telerik TreeView items in Blazor?
+- How to customize Tooltip for parent items in Telerik TreeView?
+- How to use ItemTemplate in Telerik TreeView to show Tooltip?
+
+## Solution
+
+To show Tooltip for Telerik TreeView parent items, use the [`ItemTemplate`](slug:components/treeview/templates) to include the Tooltip functionality. Below is an example of how to achieve this:
+
+````RAZOR
+<TelerikTooltip TargetSelector=".parent-item" />
+
+<TelerikTreeView Data="@TreeData">
+    <TreeViewBindings>
+        <TreeViewBinding>
+            <ItemTemplate>
+                @{
+                    TreeItem itm = context as TreeItem;
+                    if (itm.HasChildren)
+                    {
+                        <span class="parent-item" title="Click the Arrow to the left">@itm.Text</span>
+                    }
+                    else
+                    {
+                        <span>
+                            <strong>@itm.Text</strong>
+                        </span>
+                    }
+                }
+            </ItemTemplate>
+        </TreeViewBinding>
+    </TreeViewBindings>
+</TelerikTreeView>
+
+@code {
+    private IEnumerable<TreeItem>? TreeData { get; set; }
+
+    protected override void OnInitialized()
+    {
+        LoadHierarchical();
+    }
+
+    private void LoadHierarchical()
+    {
+        List<TreeItem> roots = new List<TreeItem>() {
+            new TreeItem { Text = "Item 1", Id = 1, HasChildren = true },
+            new TreeItem { Text = "Item 2", Id = 2, HasChildren = true }
+        };
+
+        roots[0].Items.Add(new TreeItem
+            {
+                Text = "Item 1 first child",
+                Id = 3
+
+            });
+
+        roots[0].Items.Add(new TreeItem
+            {
+                Text = "Item 1 second child",
+                Id = 4
+
+            });
+
+        roots[1].Items.Add(new TreeItem
+            {
+                Text = "Item 2 first child",
+                Id = 5
+
+            });
+
+        roots[1].Items.Add(new TreeItem
+            {
+                Text = "Item 2 second child",
+                Id = 6
+
+            });
+
+        TreeData = roots;
+    }
+
+    public class TreeItem
+    {
+        public string Text { get; set; } = string.Empty;
+        public int Id { get; set; }
+        public List<TreeItem> Items { get; set; } = new List<TreeItem>();
+        public bool HasChildren { get; set; }
+    }
+}
+````
+
+## See Also
+
+- [TreeView Templates Documentation](slug:components/treeview/templates)
+- [Telerik Tooltip Overview](slug:tooltip-overview)
+- [TreeView Component Overview](slug:treeview-overview)

From 726db6c0fb16e068dff8f31e8293b11ff71480c0 Mon Sep 17 00:00:00 2001
From: Tsvetomir Hristov <106250052+Tsvetomir-Hr@users.noreply.github.com>
Date: Mon, 5 May 2025 14:57:19 +0300
Subject: [PATCH 2/2] chore: update example with more real world data

---
 .../treeview-show-tooltip-on-parent.md        | 65 ++++++++++++++-----
 1 file changed, 50 insertions(+), 15 deletions(-)

diff --git a/knowledge-base/treeview-show-tooltip-on-parent.md b/knowledge-base/treeview-show-tooltip-on-parent.md
index 68b4450a2..e525627b6 100644
--- a/knowledge-base/treeview-show-tooltip-on-parent.md
+++ b/knowledge-base/treeview-show-tooltip-on-parent.md
@@ -68,36 +68,71 @@ To show Tooltip for Telerik TreeView parent items, use the [`ItemTemplate`](slug
     private void LoadHierarchical()
     {
         List<TreeItem> roots = new List<TreeItem>() {
-            new TreeItem { Text = "Item 1", Id = 1, HasChildren = true },
-            new TreeItem { Text = "Item 2", Id = 2, HasChildren = true }
-        };
+        new TreeItem { Text = "Engineering Department", Id = 1, HasChildren = true },
+        new TreeItem { Text = "Human Resources", Id = 2, HasChildren = true },
+        new TreeItem { Text = "Marketing", Id = 3, HasChildren = true }
+    };
 
+        // Engineering Team
         roots[0].Items.Add(new TreeItem
             {
-                Text = "Item 1 first child",
-                Id = 3
-
+                Text = "Software Development",
+                Id = 4,
+                HasChildren = true
             });
-
         roots[0].Items.Add(new TreeItem
             {
-                Text = "Item 1 second child",
-                Id = 4
-
+                Text = "QA and Testing",
+                Id = 5,
+                HasChildren = true
             });
 
-        roots[1].Items.Add(new TreeItem
+        roots[0].Items[0].Items.Add(new TreeItem
+            {
+                Text = "Alice Johnson (Senior Developer)",
+                Id = 6
+            });
+        roots[0].Items[0].Items.Add(new TreeItem
             {
-                Text = "Item 2 first child",
-                Id = 5
+                Text = "Bob Smith (Frontend Developer)",
+                Id = 7
+            });
 
+        roots[0].Items[1].Items.Add(new TreeItem
+            {
+                Text = "Charlie Kim (QA Engineer)",
+                Id = 8
             });
 
+        // HR Team
         roots[1].Items.Add(new TreeItem
             {
-                Text = "Item 2 second child",
-                Id = 6
+                Text = "Diana Lee (HR Manager)",
+                Id = 9
+            });
+        roots[1].Items.Add(new TreeItem
+            {
+                Text = "Ethan Green (Recruiter)",
+                Id = 10
+            });
+
+        // Marketing Team
+        roots[2].Items.Add(new TreeItem
+            {
+                Text = "Content Strategy",
+                Id = 11,
+                HasChildren = true
+            });
 
+        roots[2].Items[0].Items.Add(new TreeItem
+            {
+                Text = "Fiona White (Content Lead)",
+                Id = 12
+            });
+        roots[2].Items[0].Items.Add(new TreeItem
+            {
+                Text = "George Brown (Copywriter)",
+                Id = 13
             });
 
         TreeData = roots;