You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: wpf/Kanban-Board/Cards.md
+217-1Lines changed: 217 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -184,4 +184,220 @@ You can replace the entire card template with your own design using [`SfKanban.C
184
184
{% endhighlight %}
185
185
186
186
187
-

187
+

188
+
189
+
## Cards tooltip
190
+
191
+
An interactive tooltip provides additional details about the cards on hovering the mouse over them.
192
+
193
+
### Enable tooltip for cards
194
+
195
+
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.`
196
+
197
+
{% tabs %}
198
+
{% highlight XAML hl_lines="2" %}
199
+
200
+
<kanban:SfKanban x:Name="kanban"
201
+
IsToolTipEnabled="True"
202
+
ItemsSource="{Binding Tasks}">
203
+
<kanban:SfKanban.DataContext>
204
+
<local:ViewModel/>
205
+
</kanban:SfKanban.DataContext>
206
+
</kanban:SfKanban>
207
+
208
+
{% endhighlight %}
209
+
{% highlight C# %}
210
+
211
+
this.kanban.IsToolTipEnabled = true;
212
+
213
+
{% endhighlight %}
214
+
{% highlight C# tabtitle="ViewModel.cs" %}
215
+
216
+
public class ViewModel
217
+
{
218
+
/// <summary>
219
+
/// Gets or sets the collection of <seecref="KanbanModel"/> objects representing tasks in various stages.
220
+
/// </summary>
221
+
public ObservableCollection<KanbanModel> Tasks { get; set; }
222
+
223
+
/// <summary>
224
+
/// Initializes a new instance of the <see cref="ViewModel"/> class.
225
+
/// </summary>
226
+
public ViewModel()
227
+
{
228
+
Tasks = new ObservableCollection<KanbanModel>();
229
+
230
+
KanbanModel task = new KanbanModel();
231
+
task.Title = "UWP Issue";
232
+
task.Description = "Sorting is not working properly in DateTimeAxis";
233
+
task.Category = "Open";
234
+
task.Tags = new string[] { "Bug Fixing" };
235
+
Tasks.Add(task);
236
+
237
+
task = new KanbanModel();
238
+
task.Title = "New Feature";
239
+
task.Description = "Need to create code base for Gantt control";
240
+
task.Category = "Open";
241
+
task.Tags = new string[] { "GanttControl UWP" };
242
+
Tasks.Add(task);
243
+
244
+
task = new KanbanModel();
245
+
task.Title = "UG";
246
+
task.Description = "Need to do post processing work for closed incidents";
247
+
task.Category = "In Progress";
248
+
task.Tags = new string[] { "Post processing" };
249
+
Tasks.Add(task);
250
+
251
+
task = new KanbanModel();
252
+
task.Title = "UWP Issue";
253
+
task.Description = "Crosshair label template not visible in UWP.";
254
+
task.Category = "In Progress";
255
+
task.Tags = new string[] { "Bug Fixing" };
256
+
Tasks.Add(task);
257
+
258
+
task = new KanbanModel();
259
+
task.Title = "WPF Issue";
260
+
task.Description = "Need to implement tooltip support for histogram series.";
261
+
task.Category = "Closed";
262
+
task.Tags = new string[] { "Bug Fixing" };
263
+
Tasks.Add(task);
264
+
265
+
task = new KanbanModel();
266
+
task.Title = "WF Issue";
267
+
task.Description = "HorizontalAlignment for tooltip is not working";
268
+
task.Category = "Closed";
269
+
task.Tags = new string[] { "Bug fixing" };
270
+
Tasks.Add(task);
271
+
}
272
+
}
273
+
274
+
{% endhighlight %}
275
+
{% endtabs %}
276
+
277
+
### Customize tooltip appearance
278
+
279
+
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).
280
+
281
+
The following code example shows the usage of DataTemplate.
0 commit comments