From e9ac2f7c2ba9eede9b769acfc634110d956561fe Mon Sep 17 00:00:00 2001
From: AARTHI <aarthi.sf3966@gmail.com>
Date: Fri, 12 Dec 2025 18:32:44 +0530
Subject: [PATCH 1/4] 997111 - Added UG content for Kanban Tooltip support

---
 wpf/Kanban-Board/Cards.md | 230 +++++++++++++++++++++++++++++++++++++-
 1 file changed, 229 insertions(+), 1 deletion(-)

diff --git a/wpf/Kanban-Board/Cards.md b/wpf/Kanban-Board/Cards.md
index 4a6b55303c..65e126f508 100644
--- a/wpf/Kanban-Board/Cards.md
+++ b/wpf/Kanban-Board/Cards.md
@@ -184,4 +184,232 @@ You can replace the entire card template with your own design using [`SfKanban.C
 {% endhighlight %}
 
 
-![Template support for cards in WPF SfKanban](SfKanban_images/CardTemplate.png)
\ No newline at end of file
+![Template support for cards in WPF SfKanban](SfKanban_images/CardTemplate.png)
+
+## Cards ToolTip
+
+An interactive tooltip provides additional details about the cards on hovering the mouse over them.
+
+### Enable tooltip for cards
+
+To enable tooltip for the kanban cards, use the `IsToolTipEnabled` property of [SfKanban](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Kanban.SfKanban.html). By default, `IsToolTipEnabled` is set to `false.` To provide users with additional information or context about cards, simply set this property to true.
+
+{% tabs %}
+{% highlight xaml %}
+
+<kanban:SfKanban x:Name="kanban"
+                 IsToolTipEnabled="True"
+                 ItemsSource="{Binding Tasks}">
+    <kanban:SfKanban.DataContext>
+        <local:ViewModel/>
+    </kanban:SfKanban.DataContext>
+</kanban:SfKanban>
+
+{% endhighlight %}
+{% highlight C# %}
+
+this.kanban.IsToolTipEnabled = true;
+
+{% endhighlight %}
+{% highlight C# tabtitle="ViewModel.cs" %}
+
+public class ViewModel
+{
+    /// <summary>
+    /// Gets or sets the collection of <see cref="KanbanModel"/> objects representing tasks in various stages.
+    /// </summary>
+    public ObservableCollection<KanbanModel> Tasks { get; set; }
+
+    /// <summary>
+    /// Initializes a new instance of the <see cref="ViewModel"/> class.
+    /// </summary>
+    public ViewModel()
+    {
+        Tasks = new ObservableCollection<KanbanModel>();
+
+        KanbanModel task = new KanbanModel();
+        task.Title = "UWP Issue";
+        task.Description = "Sorting is not working properly in DateTimeAxis";
+        task.Category = "Open";
+        task.Tags = new string[] { "Bug Fixing" };
+        task.ImageURL = new Uri(@"D:\Win\WPFToolTipKanban\WPFToolTipKanban\Assets\People\People_Circle1.png", UriKind.RelativeOrAbsolute);
+        Tasks.Add(task);
+
+        task = new KanbanModel();
+        task.Title = "New Feature";
+        task.Description = "Need to create code base for Gantt control";
+        task.Category = "Open";
+        task.Tags = new string[] { "GanttControl UWP" };
+        task.ImageURL = new Uri("/Assets/People/People_Circle2.png", UriKind.RelativeOrAbsolute);
+        Tasks.Add(task);
+
+        task = new KanbanModel();
+        task.Title = "UG";
+        task.Description = "Need to do post processing work for closed incidents";
+        task.Category = "In Progress";
+        task.Tags = new string[] { "Post processing" };
+        task.ImageURL = new Uri("/Assets/People/People_Circle3.png", UriKind.RelativeOrAbsolute);
+        Tasks.Add(task);
+
+        task = new KanbanModel();
+        task.Title = "UWP Issue";
+        task.Description = "Crosshair label template not visible in UWP.";
+        task.Category = "In Progress";
+        task.Tags = new string[] { "Bug Fixing" };
+        task.ImageURL = new Uri("/Assets/People/People_Circle4.png", UriKind.RelativeOrAbsolute);
+        Tasks.Add(task);
+
+        task = new KanbanModel();
+        task.Title = "WPF Issue";
+        task.Description = "Need to implement tooltip support for histogram series.";
+        task.Category = "Closed";
+        task.Tags = new string[] { "Bug Fixing" };
+        task.ImageURL = new Uri("/Assets/People/People\People_Circle6.png", UriKind.RelativeOrAbsolute);
+        Tasks.Add(task);
+
+        task = new KanbanModel();
+        task.Title = "WF Issue";
+        task.Description = "HorizontalAlignment for tooltip is not working";
+        task.Category = "Closed";
+        task.Tags = new string[] { "Bug fixing" };
+        task.ImageURL = new Uri("/Assets/People/People_Circle8.png", UriKind.RelativeOrAbsolute);
+        Tasks.Add(task);
+    }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+### Customize tooltip appearance
+
+You can customize the tooltip appearance by using the `ToolTipTemplate` property in the [SfKanban](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Kanban.SfKanban.html).
+
+The following code example shows the usage of DataTemplate.
+
+{% tabs %}
+{% highlight xaml %}
+
+<kanban:SfKanban x:Name="kanban"   
+                 IsToolTipEnabled="True" 
+                 ItemsSource="{Binding Tasks}">
+    <kanban:SfKanban.ToolTipTemplate>
+        <DataTemplate>
+            <Border CornerRadius="4" Padding="10" Background="Black">
+                <Grid>
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="Auto" />
+                        <ColumnDefinition Width="*" />
+                    </Grid.ColumnDefinitions>
+                    <Rectangle Fill="{Binding ColorKey}" Grid.Column="0" VerticalAlignment="Stretch"
+                               HorizontalAlignment="Left" Width="8" Margin="0,0,5,0" />
+                    <Grid Grid.Column="1">
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="5*"/>
+                            <ColumnDefinition Width="5*"/>
+                        </Grid.ColumnDefinitions>
+                        <Grid.RowDefinitions >
+                            <RowDefinition Height="3.5*"/>
+                            <RowDefinition Height="3.5*"/>
+                            <RowDefinition Height="3*"/>
+                        </Grid.RowDefinitions>
+                        <TextBlock Text="Title : " FontSize="10.5" Grid.Row="0" Grid.Column="0"
+                                   Margin="0,0,0,8" Foreground="White" />
+                        <TextBlock Text="{Binding  Title}" Grid.Row="0" Grid.Column="1"
+                                   FontSize="10.5"   Margin="5,0,0,8" Foreground="White" />
+                        <TextBlock Text="Status : " Margin="0,0,0,8" Grid.Row="1" Grid.Column="0"
+                                   FontSize="10.5" Foreground="White" />
+                        <TextBlock Text="{Binding Category}" Grid.Row="1" Grid.Column="1"
+                                   FontSize="10.5" Margin="5,0,0,8" Foreground="White" />
+                        <TextBlock Text="Description : " Grid.Row="2" Grid.Column="0"
+                                   FontSize="10.5" Foreground="White" />
+                        <TextBlock Text="{Binding Description}" Margin="5,0,0,0" Width="150"
+                                   TextWrapping="Wrap" TextTrimming="CharacterEllipsis"
+                                   FontSize="10.5"   Grid.Row="2" Grid.Column="1" Foreground="White" />
+                    </Grid>
+                </Grid>
+            </Border>
+        </DataTemplate>
+    </kanban:SfKanban.ToolTipTemplate>
+    <kanban:SfKanban.DataContext>
+        <local:ViewModel/>
+    </kanban:SfKanban.DataContext>
+</kanban:SfKanban>
+
+{% endhighlight %}
+{% highlight C# tabtitle="ViewModel.cs" %}
+
+public class ViewModel
+{
+    /// <summary>
+    /// Gets or sets the collection of <see cref="KanbanModel"/> objects representing tasks in various stages.
+    /// </summary>
+    public ObservableCollection<KanbanModel> Tasks { get; set; }
+
+    /// <summary>
+    /// Initializes a new instance of the <see cref="ViewModel"/> class.
+    /// </summary>
+    public ViewModel()
+    {
+        Tasks = new ObservableCollection<KanbanModel>();
+
+        KanbanModel task = new KanbanModel();
+        task.Title = "UWP Issue";
+        task.Description = "Sorting is not working properly in DateTimeAxis";
+        task.Category = "Open";
+        task.ColorKey = "#FF5187C6";
+        task.Tags = new string[] { "Bug Fixing" };
+        task.ImageURL = new Uri("/Assets/People/People_Circle1.png", UriKind.RelativeOrAbsolute);
+        Tasks.Add(task);
+
+        task = new KanbanModel();
+        task.Title = "New Feature";
+        task.Description = "Need to create code base for Gantt control";
+        task.Category = "Open";
+        task.ColorKey = "#FF57B94C";
+        task.Tags = new string[] { "GanttControl UWP" };
+        task.ImageURL = new Uri("/Assets/People/People_Circle2.png", UriKind.RelativeOrAbsolute);
+        Tasks.Add(task);
+
+        task = new KanbanModel();
+        task.Title = "UG";
+        task.Description = "Need to do post processing work for closed incidents";
+        task.Category = "In Progress";
+        task.ColorKey = "#FF57B94C";
+        task.Tags = new string[] { "Post processing" };
+        task.ImageURL = new Uri("/Assets/People/People_Circle3.png", UriKind.RelativeOrAbsolute);
+        Tasks.Add(task);
+
+        task = new KanbanModel();
+        task.Title = "UWP Issue";
+        task.Description = "Crosshair label template not visible in UWP.";
+        task.Category = "In Progress";
+        task.ColorKey = "#FFECB93C";
+        task.Tags = new string[] { "Bug Fixing" };
+        task.ImageURL = new Uri("/Assets/People/People_Circle4.png", UriKind.RelativeOrAbsolute);
+        Tasks.Add(task);
+
+        task = new KanbanModel();
+        task.Title = "WPF Issue";
+        task.Description = "Need to implement tooltip support for histogram series.";
+        task.Category = "Closed";
+        task.ColorKey = "#FF5187C6";
+        task.Tags = new string[] { "Bug Fixing" };
+        task.ImageURL = new Uri("/Assets/People/People_Circle6.png", UriKind.RelativeOrAbsolute);
+        Tasks.Add(task);
+
+        task = new KanbanModel();
+        task.Title = "WF Issue";
+        task.Description = "HorizontalAlignment for tooltip is not working";
+        task.Category = "Closed";
+        task.ColorKey = "#FFECB93C";
+        task.Tags = new string[] { "Bug fixing" };
+        task.ImageURL = new Uri("/Assets/People/People_Circle8.png", UriKind.RelativeOrAbsolute);
+        Tasks.Add(task);
+    }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+N>
+* This property will only be applicable when `EnableToolTip` is set to true.
\ No newline at end of file

From be96aa28266bc947be4de24a22eaac0109b2d65e Mon Sep 17 00:00:00 2001
From: AARTHI <aarthi.sf3966@gmail.com>
Date: Fri, 12 Dec 2025 18:50:14 +0530
Subject: [PATCH 2/4] 997111 - highlighted importent lines

---
 wpf/Kanban-Board/Cards.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/wpf/Kanban-Board/Cards.md b/wpf/Kanban-Board/Cards.md
index 65e126f508..6d558efe0c 100644
--- a/wpf/Kanban-Board/Cards.md
+++ b/wpf/Kanban-Board/Cards.md
@@ -195,7 +195,7 @@ An interactive tooltip provides additional details about the cards on hovering t
 To enable tooltip for the kanban cards, use the `IsToolTipEnabled` property of [SfKanban](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Kanban.SfKanban.html). By default, `IsToolTipEnabled` is set to `false.` To provide users with additional information or context about cards, simply set this property to true.
 
 {% tabs %}
-{% highlight xaml %}
+{% highlight xaml hl_lines="2" %}
 
 <kanban:SfKanban x:Name="kanban"
                  IsToolTipEnabled="True"
@@ -206,7 +206,7 @@ To enable tooltip for the kanban cards, use the `IsToolTipEnabled` property of [
 </kanban:SfKanban>
 
 {% endhighlight %}
-{% highlight C# %}
+{% highlight C# hl_lines="1" %}
 
 this.kanban.IsToolTipEnabled = true;
 
@@ -264,7 +264,7 @@ public class ViewModel
         task.Description = "Need to implement tooltip support for histogram series.";
         task.Category = "Closed";
         task.Tags = new string[] { "Bug Fixing" };
-        task.ImageURL = new Uri("/Assets/People/People\People_Circle6.png", UriKind.RelativeOrAbsolute);
+        task.ImageURL = new Uri("/Assets/People/People_Circle6.png", UriKind.RelativeOrAbsolute);
         Tasks.Add(task);
 
         task = new KanbanModel();
@@ -287,7 +287,7 @@ You can customize the tooltip appearance by using the `ToolTipTemplate` property
 The following code example shows the usage of DataTemplate.
 
 {% tabs %}
-{% highlight xaml %}
+{% highlight xaml hl_lines="2" %}
 
 <kanban:SfKanban x:Name="kanban"   
                  IsToolTipEnabled="True" 

From ad0d0d8fa958bc1696f4cb835d0bb7935dc6ac96 Mon Sep 17 00:00:00 2001
From: Karthickmani97 <67908880+Karthickmani97@users.noreply.github.com>
Date: Sun, 14 Dec 2025 20:58:28 +0530
Subject: [PATCH 3/4] Fix tooltip section formatting and property name

---
 wpf/Kanban-Board/Cards.md | 24 ++++++------------------
 1 file changed, 6 insertions(+), 18 deletions(-)

diff --git a/wpf/Kanban-Board/Cards.md b/wpf/Kanban-Board/Cards.md
index 6d558efe0c..76c8b9d5cb 100644
--- a/wpf/Kanban-Board/Cards.md
+++ b/wpf/Kanban-Board/Cards.md
@@ -186,16 +186,16 @@ You can replace the entire card template with your own design using [`SfKanban.C
 
 ![Template support for cards in WPF SfKanban](SfKanban_images/CardTemplate.png)
 
-## Cards ToolTip
+## Cards tooltip
 
 An interactive tooltip provides additional details about the cards on hovering the mouse over them.
 
 ### Enable tooltip for cards
 
-To enable tooltip for the kanban cards, use the `IsToolTipEnabled` property of [SfKanban](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Kanban.SfKanban.html). By default, `IsToolTipEnabled` is set to `false.` To provide users with additional information or context about cards, simply set this property to true.
+To enable tooltip for the kanban cards, use `IsToolTipEnabled` property of [SfKanban](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Kanban.SfKanban.html). By default, `IsToolTipEnabled` is set to `false.` To provide users with additional information or context about cards, simply set this property to `true.`
 
 {% tabs %}
-{% highlight xaml hl_lines="2" %}
+{% highlight XAML hl_lines="2" %}
 
 <kanban:SfKanban x:Name="kanban"
                  IsToolTipEnabled="True"
@@ -206,7 +206,7 @@ To enable tooltip for the kanban cards, use the `IsToolTipEnabled` property of [
 </kanban:SfKanban>
 
 {% endhighlight %}
-{% highlight C# hl_lines="1" %}
+{% highlight C# hl %}
 
 this.kanban.IsToolTipEnabled = true;
 
@@ -232,7 +232,6 @@ public class ViewModel
         task.Description = "Sorting is not working properly in DateTimeAxis";
         task.Category = "Open";
         task.Tags = new string[] { "Bug Fixing" };
-        task.ImageURL = new Uri(@"D:\Win\WPFToolTipKanban\WPFToolTipKanban\Assets\People\People_Circle1.png", UriKind.RelativeOrAbsolute);
         Tasks.Add(task);
 
         task = new KanbanModel();
@@ -240,7 +239,6 @@ public class ViewModel
         task.Description = "Need to create code base for Gantt control";
         task.Category = "Open";
         task.Tags = new string[] { "GanttControl UWP" };
-        task.ImageURL = new Uri("/Assets/People/People_Circle2.png", UriKind.RelativeOrAbsolute);
         Tasks.Add(task);
 
         task = new KanbanModel();
@@ -248,7 +246,6 @@ public class ViewModel
         task.Description = "Need to do post processing work for closed incidents";
         task.Category = "In Progress";
         task.Tags = new string[] { "Post processing" };
-        task.ImageURL = new Uri("/Assets/People/People_Circle3.png", UriKind.RelativeOrAbsolute);
         Tasks.Add(task);
 
         task = new KanbanModel();
@@ -256,7 +253,6 @@ public class ViewModel
         task.Description = "Crosshair label template not visible in UWP.";
         task.Category = "In Progress";
         task.Tags = new string[] { "Bug Fixing" };
-        task.ImageURL = new Uri("/Assets/People/People_Circle4.png", UriKind.RelativeOrAbsolute);
         Tasks.Add(task);
 
         task = new KanbanModel();
@@ -264,7 +260,6 @@ public class ViewModel
         task.Description = "Need to implement tooltip support for histogram series.";
         task.Category = "Closed";
         task.Tags = new string[] { "Bug Fixing" };
-        task.ImageURL = new Uri("/Assets/People/People_Circle6.png", UriKind.RelativeOrAbsolute);
         Tasks.Add(task);
 
         task = new KanbanModel();
@@ -272,7 +267,6 @@ public class ViewModel
         task.Description = "HorizontalAlignment for tooltip is not working";
         task.Category = "Closed";
         task.Tags = new string[] { "Bug fixing" };
-        task.ImageURL = new Uri("/Assets/People/People_Circle8.png", UriKind.RelativeOrAbsolute);
         Tasks.Add(task);
     }
 }
@@ -287,7 +281,7 @@ You can customize the tooltip appearance by using the `ToolTipTemplate` property
 The following code example shows the usage of DataTemplate.
 
 {% tabs %}
-{% highlight xaml hl_lines="2" %}
+{% highlight XAML hl_lines="2" %}
 
 <kanban:SfKanban x:Name="kanban"   
                  IsToolTipEnabled="True" 
@@ -358,7 +352,6 @@ public class ViewModel
         task.Category = "Open";
         task.ColorKey = "#FF5187C6";
         task.Tags = new string[] { "Bug Fixing" };
-        task.ImageURL = new Uri("/Assets/People/People_Circle1.png", UriKind.RelativeOrAbsolute);
         Tasks.Add(task);
 
         task = new KanbanModel();
@@ -367,7 +360,6 @@ public class ViewModel
         task.Category = "Open";
         task.ColorKey = "#FF57B94C";
         task.Tags = new string[] { "GanttControl UWP" };
-        task.ImageURL = new Uri("/Assets/People/People_Circle2.png", UriKind.RelativeOrAbsolute);
         Tasks.Add(task);
 
         task = new KanbanModel();
@@ -376,7 +368,6 @@ public class ViewModel
         task.Category = "In Progress";
         task.ColorKey = "#FF57B94C";
         task.Tags = new string[] { "Post processing" };
-        task.ImageURL = new Uri("/Assets/People/People_Circle3.png", UriKind.RelativeOrAbsolute);
         Tasks.Add(task);
 
         task = new KanbanModel();
@@ -385,7 +376,6 @@ public class ViewModel
         task.Category = "In Progress";
         task.ColorKey = "#FFECB93C";
         task.Tags = new string[] { "Bug Fixing" };
-        task.ImageURL = new Uri("/Assets/People/People_Circle4.png", UriKind.RelativeOrAbsolute);
         Tasks.Add(task);
 
         task = new KanbanModel();
@@ -394,7 +384,6 @@ public class ViewModel
         task.Category = "Closed";
         task.ColorKey = "#FF5187C6";
         task.Tags = new string[] { "Bug Fixing" };
-        task.ImageURL = new Uri("/Assets/People/People_Circle6.png", UriKind.RelativeOrAbsolute);
         Tasks.Add(task);
 
         task = new KanbanModel();
@@ -403,7 +392,6 @@ public class ViewModel
         task.Category = "Closed";
         task.ColorKey = "#FFECB93C";
         task.Tags = new string[] { "Bug fixing" };
-        task.ImageURL = new Uri("/Assets/People/People_Circle8.png", UriKind.RelativeOrAbsolute);
         Tasks.Add(task);
     }
 }
@@ -412,4 +400,4 @@ public class ViewModel
 {% endtabs %}
 
 N>
-* This property will only be applicable when `EnableToolTip` is set to true.
\ No newline at end of file
+* This property will only be applicable when `IsToolTipEnabled` is set to `true.`

From a3b660951b376679fbdab48c700a0a3f6b718b76 Mon Sep 17 00:00:00 2001
From: Karthickmani97 <67908880+Karthickmani97@users.noreply.github.com>
Date: Sun, 14 Dec 2025 21:06:40 +0530
Subject: [PATCH 4/4] Update links to SfKanban documentation for WPF

---
 wpf/Kanban-Board/Cards.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/wpf/Kanban-Board/Cards.md b/wpf/Kanban-Board/Cards.md
index 76c8b9d5cb..a1de2356cf 100644
--- a/wpf/Kanban-Board/Cards.md
+++ b/wpf/Kanban-Board/Cards.md
@@ -192,7 +192,7 @@ An interactive tooltip provides additional details about the cards on hovering t
 
 ### Enable tooltip for cards
 
-To enable tooltip for the kanban cards, use `IsToolTipEnabled` property of [SfKanban](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Kanban.SfKanban.html). By default, `IsToolTipEnabled` is set to `false.` To provide users with additional information or context about cards, simply set this property to `true.`
+To enable tooltip for the kanban cards, use `IsToolTipEnabled` property of [SfKanban](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Kanban.SfKanban.html). By default, `IsToolTipEnabled` is set to `false.` To provide users with additional information or context about cards, simply set this property to `true.`
 
 {% tabs %}
 {% highlight XAML hl_lines="2" %}
@@ -206,7 +206,7 @@ To enable tooltip for the kanban cards, use `IsToolTipEnabled` property of [SfKa
 </kanban:SfKanban>
 
 {% endhighlight %}
-{% highlight C# hl %}
+{% highlight C# %}
 
 this.kanban.IsToolTipEnabled = true;
 
@@ -276,7 +276,7 @@ public class ViewModel
 
 ### Customize tooltip appearance
 
-You can customize the tooltip appearance by using the `ToolTipTemplate` property in the [SfKanban](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Kanban.SfKanban.html).
+You can customize the tooltip appearance by using the `ToolTipTemplate` property in the [SfKanban](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Kanban.SfKanban.html).
 
 The following code example shows the usage of DataTemplate.