Skip to content

Commit 0e8e980

Browse files
SyncfusionBuildSyncfusionBuild
authored
Merge pull request #1011 from Syncfusion-Content/hotfix/hotfix-v28.2.3
DOCINFRA-2341_merged_using_automation
2 parents 506cadc + 00769f9 commit 0e8e980

File tree

12 files changed

+305
-124
lines changed

12 files changed

+305
-124
lines changed

‎winui-toc.html‎

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

‎winui/Kanban/cards.md‎

Lines changed: 52 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -152,7 +152,7 @@ public class ViewModel
152152
taskDetail.Title = "New Feature";
153153
taskDetail.Id = "29574";
154154
taskDetail.Description = "Dragging events support for Kanban";
155-
taskDetail.Category = "Closed";
155+
taskDetail.Category = "In Progress";
156156
taskDetail.IndicatorColorKey = "Normal";
157157
taskDetail.Tags = new List<string>() { "New Control" };
158158
taskDetail.Image = new Image
@@ -166,7 +166,7 @@ public class ViewModel
166166
taskDetail.Title = "WF Issue";
167167
taskDetail.Id = "1254";
168168
taskDetail.Description = "HorizontalAlignment for tooltip is not working";
169-
taskDetail.Category = "Review";
169+
taskDetail.Category = "Closed";
170170
taskDetail.IndicatorColorKey = "High";
171171
taskDetail.Tags = new List<string>() { "Bug fixing" };
172172
taskDetail.Image = new Image
@@ -184,6 +184,8 @@ public class ViewModel
184184
{% endhighlight %}
185185
{% endtabs %}
186186

187+
![cards-indicator-color-in-winui-kanban](images/cards/cards-indicator-color-in-winui-kanban.png)
188+
187189
## Card appearance customization
188190

189191
The card appearance customization can be achieved by using the [CardTemplate](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Kanban.SfKanban.html#Syncfusion_UI_Xaml_Kanban_SfKanban_CardTemplate) and [CardTemplateSelector](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Kanban.SfKanban.html#Syncfusion_UI_Xaml_Kanban_SfKanban_CardTemplateSelector) properties in the [SfKanban](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Kanban.SfKanban.html).
@@ -201,10 +203,10 @@ The following code snippet demonstrates, how to use the [CardTemplate](https://h
201203
ItemsSource="{Binding TaskDetails}">
202204
<kanban:SfKanban.CardTemplate>
203205
<DataTemplate>
204-
<Border BorderBrush="Green" BorderThickness="1" CornerRadius="10" Background="LightGreen">
206+
<Border BorderBrush="LightGray" BorderThickness="1" CornerRadius="3" Background="#F3F3F2">
205207
<StackPanel Margin="10">
206208
<TextBlock Text="{Binding Title}" TextAlignment="Center" FontWeight="Bold" FontSize="14" />
207-
<TextBlock Text="{Binding Description}" TextAlignment="Center" FontSize="14" TextWrapping="Wrap" />
209+
<TextBlock Text="{Binding Description}" TextAlignment="Center" FontSize="12" TextWrapping="Wrap" Margin="5" />
208210
</StackPanel>
209211
</Border>
210212
</DataTemplate>
@@ -261,7 +263,7 @@ public class ViewModel
261263
KanbanModel taskDetail = new KanbanModel();
262264
taskDetail.Title = "UWP Issue";
263265
taskDetail.Id = "651";
264-
taskDetail.Description = "Crosshair label template not visible in UWP";
266+
taskDetail.Description = "In minimized state, first and last segments have incorrect spacing";
265267
taskDetail.Category = "Open";
266268
taskDetail.IndicatorColorKey = "High";
267269
taskDetail.Tags = new List<string>() { "Bug Fixing" };
@@ -287,9 +289,9 @@ public class ViewModel
287289
taskDetails.Add(taskDetail);
288290

289291
taskDetail = new KanbanModel();
290-
taskDetail.Title = "Kanban Feature";
292+
taskDetail.Title = "WPF Issue";
291293
taskDetail.Id = "25678";
292-
taskDetail.Description = "Provide drag and drop support";
294+
taskDetail.Description = "Minimum and maximum properties are not working in dynamic update";
293295
taskDetail.Category = "In Progress";
294296
taskDetail.IndicatorColorKey = "Low";
295297
taskDetail.Tags = new List<string>() { "New control" };
@@ -300,32 +302,33 @@ public class ViewModel
300302

301303
taskDetails.Add(taskDetail);
302304

303-
taskDetail = new KanbanModel();
304-
taskDetail.Title = "New Feature";
305-
taskDetail.Id = "29574";
306-
taskDetail.Description = "Dragging events support for Kanban";
307-
taskDetail.Category = "Closed";
308-
taskDetail.IndicatorColorKey = "Normal";
309-
taskDetail.Tags = new List<string>() { "New Control" };
310-
taskDetail.Image = new Image
311-
{
312-
Source = new BitmapImage(new Uri(path + "Assets/Kanban/People_Circle4.png"))
313-
};
314-
315-
taskDetails.Add(taskDetail);
316305

317306
taskDetail = new KanbanModel();
318307
taskDetail.Title = "WF Issue";
319308
taskDetail.Id = "1254";
320309
taskDetail.Description = "HorizontalAlignment for tooltip is not working";
321-
taskDetail.Category = "Review";
310+
taskDetail.Category = "In Progress";
322311
taskDetail.IndicatorColorKey = "High";
323312
taskDetail.Tags = new List<string>() { "Bug fixing" };
324313
taskDetail.Image = new Image
325314
{
326315
Source = new BitmapImage(new Uri(path + "Assets/Kanban/People_Circle5.png"))
327316
};
328317

318+
taskDetails.Add(taskDetail);
319+
320+
taskDetail = new KanbanModel();
321+
taskDetail.Title = "New Feature";
322+
taskDetail.Id = "29574";
323+
taskDetail.Description = "Need to implement tooltip support for Kanban";
324+
taskDetail.Category = "Closed";
325+
taskDetail.IndicatorColorKey = "Normal";
326+
taskDetail.Tags = new List<string>() { "New Control" };
327+
taskDetail.Image = new Image
328+
{
329+
Source = new BitmapImage(new Uri(path + "Assets/Kanban/People_Circle4.png"))
330+
};
331+
329332
taskDetails.Add(taskDetail);
330333
return taskDetails;
331334
}
@@ -336,6 +339,8 @@ public class ViewModel
336339
{% endhighlight %}
337340
{% endtabs %}
338341

342+
![card-template-in-winui-kanban](images/cards/card-template-in-winui-kanban.png)
343+
339344
### Customize card appearance using DataTemplateSelector
340345

341346
You can customize the card appearance by using the [CardTemplateSelector](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Kanban.SfKanban.html#Syncfusion_UI_Xaml_Kanban_SfKanban_CardTemplateSelector) property in the [SfKanban](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Kanban.SfKanban.html). The `DataTemplateSelector` can choose a `DataTemplate` at runtime based on the value of a data-bound to kanban card appearance by using the [CardTemplateSelector](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Kanban.SfKanban.html#Syncfusion_UI_Xaml_Kanban_SfKanban_CardTemplateSelector). It allows you to choose a different data template for each card, as well as to customize the appearance of a particular card based on certain conditions.
@@ -349,18 +354,18 @@ You can customize the card appearance by using the [CardTemplateSelector](https:
349354
</Grid.DataContext>
350355
<Grid.Resources>
351356
<DataTemplate x:Key="highPriorityTemplate">
352-
<Border BorderBrush="Red" BorderThickness="2" CornerRadius="10" Background="LightPink">
357+
<Border BorderBrush="Black" BorderThickness="1" CornerRadius="3" Background="#F3CFCE">
353358
<StackPanel Margin="10">
354-
<TextBlock Text="{Binding Title}" FontWeight="Bold" FontSize="16" />
355-
<TextBlock Text="{Binding Description}" FontSize="14" TextWrapping="Wrap" />
359+
<TextBlock Text="{Binding Title}" FontWeight="Bold" TextAlignment="Center" FontSize="14" />
360+
<TextBlock Text="{Binding Description}" FontSize="12" TextAlignment="Center" TextWrapping="Wrap" Margin="5" />
356361
</StackPanel>
357362
</Border>
358363
</DataTemplate>
359364
<DataTemplate x:Key="defaultTemplate">
360-
<Border BorderBrush="Green" BorderThickness="1" CornerRadius="10" Background="LightGreen">
365+
<Border BorderBrush="Black" BorderThickness="1" CornerRadius="3" Background="#F3EADC">
361366
<StackPanel Margin="10">
362-
<TextBlock Text="{Binding Title}" FontWeight="Bold" FontSize="16" />
363-
<TextBlock Text="{Binding Description}" FontSize="14" TextWrapping="Wrap" />
367+
<TextBlock Text="{Binding Title}" FontWeight="Bold" TextAlignment="Center" FontSize="14" />
368+
<TextBlock Text="{Binding Description}" FontSize="12" TextAlignment="Center" TextWrapping="Wrap" Margin="5" />
364369
</StackPanel>
365370
</Border>
366371
</DataTemplate>
@@ -437,7 +442,7 @@ public class ViewModel
437442
KanbanModel taskDetail = new KanbanModel();
438443
taskDetail.Title = "UWP Issue";
439444
taskDetail.Id = "651";
440-
taskDetail.Description = "Crosshair label template not visible in UWP";
445+
taskDetail.Description = "In minimized state, first and last segments have incorrect spacing";
441446
taskDetail.Category = "Open";
442447
taskDetail.IndicatorColorKey = "High";
443448
taskDetail.Tags = new List<string>() { "Bug Fixing" };
@@ -463,9 +468,9 @@ public class ViewModel
463468
taskDetails.Add(taskDetail);
464469

465470
taskDetail = new KanbanModel();
466-
taskDetail.Title = "Kanban Feature";
471+
taskDetail.Title = "WPF Issue";
467472
taskDetail.Id = "25678";
468-
taskDetail.Description = "Provide drag and drop support";
473+
taskDetail.Description = "Minimum and maximum properties are not working in dynamic update";
469474
taskDetail.Category = "In Progress";
470475
taskDetail.IndicatorColorKey = "Low";
471476
taskDetail.Tags = new List<string>() { "New control" };
@@ -476,32 +481,33 @@ public class ViewModel
476481

477482
taskDetails.Add(taskDetail);
478483

479-
taskDetail = new KanbanModel();
480-
taskDetail.Title = "New Feature";
481-
taskDetail.Id = "29574";
482-
taskDetail.Description = "Dragging events support for Kanban";
483-
taskDetail.Category = "Closed";
484-
taskDetail.IndicatorColorKey = "Normal";
485-
taskDetail.Tags = new List<string>() { "New Control" };
486-
taskDetail.Image = new Image
487-
{
488-
Source = new BitmapImage(new Uri(path + "Assets/Kanban/People_Circle4.png"))
489-
};
490-
491-
taskDetails.Add(taskDetail);
492484

493485
taskDetail = new KanbanModel();
494486
taskDetail.Title = "WF Issue";
495487
taskDetail.Id = "1254";
496488
taskDetail.Description = "HorizontalAlignment for tooltip is not working";
497-
taskDetail.Category = "Review";
489+
taskDetail.Category = "In Progress";
498490
taskDetail.IndicatorColorKey = "High";
499491
taskDetail.Tags = new List<string>() { "Bug fixing" };
500492
taskDetail.Image = new Image
501493
{
502494
Source = new BitmapImage(new Uri(path + "Assets/Kanban/People_Circle5.png"))
503495
};
504496

497+
taskDetails.Add(taskDetail);
498+
499+
taskDetail = new KanbanModel();
500+
taskDetail.Title = "New Feature";
501+
taskDetail.Id = "29574";
502+
taskDetail.Description = "Need to implement tooltip support for Kanban";
503+
taskDetail.Category = "Closed";
504+
taskDetail.IndicatorColorKey = "Normal";
505+
taskDetail.Tags = new List<string>() { "New Control" };
506+
taskDetail.Image = new Image
507+
{
508+
Source = new BitmapImage(new Uri(path + "Assets/Kanban/People_Circle4.png"))
509+
};
510+
505511
taskDetails.Add(taskDetail);
506512
return taskDetails;
507513
}
@@ -512,6 +518,6 @@ public class ViewModel
512518
{% endhighlight %}
513519
{% endtabs %}
514520

515-
N> The `DataContext` for both the [CardTemplate](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Kanban.SfKanban.html#Syncfusion_UI_Xaml_Kanban_SfKanban_CardTemplate) and [CardTemplateSelector](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Kanban.SfKanban.html#Syncfusion_UI_Xaml_Kanban_SfKanban_CardTemplateSelector) properties in the [SfKanban](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Kanban.SfKanban.html) is set to [KanbanModel](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Kanban.KanbanModel.html).
516-
521+
![card-template-selector-in-winui-kanban](images/cards/card-template-selector-in-winui-kanban.png)
517522

523+
N> The `DataContext` for both the [CardTemplate](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Kanban.SfKanban.html#Syncfusion_UI_Xaml_Kanban_SfKanban_CardTemplate) and [CardTemplateSelector](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Kanban.SfKanban.html#Syncfusion_UI_Xaml_Kanban_SfKanban_CardTemplateSelector) properties in the [SfKanban](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Kanban.SfKanban.html) is set to [KanbanModel](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Kanban.KanbanModel.html).

0 commit comments

Comments
 (0)