Skip to content

Commit 2bcddce

Browse files
SyncfusionBuildSyncfusionBuild
authored
Merge pull request #1004 from Syncfusion-Content/development
DOCINFRA-2341_merged_using_automation
2 parents e42fc7c + 26a2b11 commit 2bcddce

File tree

12 files changed

+140
-289
lines changed

12 files changed

+140
-289
lines changed

‎winui-toc.html‎

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

‎winui/Kanban/cards.md‎

Lines changed: 46 additions & 52 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 = "In Progress";
155+
taskDetail.Category = "Closed";
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 = "Closed";
169+
taskDetail.Category = "Review";
170170
taskDetail.IndicatorColorKey = "High";
171171
taskDetail.Tags = new List<string>() { "Bug fixing" };
172172
taskDetail.Image = new Image
@@ -184,8 +184,6 @@ 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-
189187
## Card appearance customization
190188

191189
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).
@@ -203,10 +201,10 @@ The following code snippet demonstrates, how to use the [CardTemplate](https://h
203201
ItemsSource="{Binding TaskDetails}">
204202
<kanban:SfKanban.CardTemplate>
205203
<DataTemplate>
206-
<Border BorderBrush="LightGray" BorderThickness="1" CornerRadius="3" Background="#F3F3F2">
204+
<Border BorderBrush="Green" BorderThickness="1" CornerRadius="10" Background="LightGreen">
207205
<StackPanel Margin="10">
208206
<TextBlock Text="{Binding Title}" TextAlignment="Center" FontWeight="Bold" FontSize="14" />
209-
<TextBlock Text="{Binding Description}" TextAlignment="Center" FontSize="12" TextWrapping="Wrap" Margin="5" />
207+
<TextBlock Text="{Binding Description}" TextAlignment="Center" FontSize="14" TextWrapping="Wrap" />
210208
</StackPanel>
211209
</Border>
212210
</DataTemplate>
@@ -263,7 +261,7 @@ public class ViewModel
263261
KanbanModel taskDetail = new KanbanModel();
264262
taskDetail.Title = "UWP Issue";
265263
taskDetail.Id = "651";
266-
taskDetail.Description = "In minimized state, first and last segments have incorrect spacing";
264+
taskDetail.Description = "Crosshair label template not visible in UWP";
267265
taskDetail.Category = "Open";
268266
taskDetail.IndicatorColorKey = "High";
269267
taskDetail.Tags = new List<string>() { "Bug Fixing" };
@@ -289,9 +287,9 @@ public class ViewModel
289287
taskDetails.Add(taskDetail);
290288

291289
taskDetail = new KanbanModel();
292-
taskDetail.Title = "WPF Issue";
290+
taskDetail.Title = "Kanban Feature";
293291
taskDetail.Id = "25678";
294-
taskDetail.Description = "Minimum and maximum properties are not working in dynamic update";
292+
taskDetail.Description = "Provide drag and drop support";
295293
taskDetail.Category = "In Progress";
296294
taskDetail.IndicatorColorKey = "Low";
297295
taskDetail.Tags = new List<string>() { "New control" };
@@ -302,31 +300,30 @@ public class ViewModel
302300

303301
taskDetails.Add(taskDetail);
304302

305-
306303
taskDetail = new KanbanModel();
307-
taskDetail.Title = "WF Issue";
308-
taskDetail.Id = "1254";
309-
taskDetail.Description = "HorizontalAlignment for tooltip is not working";
310-
taskDetail.Category = "In Progress";
311-
taskDetail.IndicatorColorKey = "High";
312-
taskDetail.Tags = new List<string>() { "Bug fixing" };
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" };
313310
taskDetail.Image = new Image
314311
{
315-
Source = new BitmapImage(new Uri(path + "Assets/Kanban/People_Circle5.png"))
312+
Source = new BitmapImage(new Uri(path + "Assets/Kanban/People_Circle4.png"))
316313
};
317314

318315
taskDetails.Add(taskDetail);
319316

320317
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" };
318+
taskDetail.Title = "WF Issue";
319+
taskDetail.Id = "1254";
320+
taskDetail.Description = "HorizontalAlignment for tooltip is not working";
321+
taskDetail.Category = "Review";
322+
taskDetail.IndicatorColorKey = "High";
323+
taskDetail.Tags = new List<string>() { "Bug fixing" };
327324
taskDetail.Image = new Image
328325
{
329-
Source = new BitmapImage(new Uri(path + "Assets/Kanban/People_Circle4.png"))
326+
Source = new BitmapImage(new Uri(path + "Assets/Kanban/People_Circle5.png"))
330327
};
331328

332329
taskDetails.Add(taskDetail);
@@ -339,8 +336,6 @@ public class ViewModel
339336
{% endhighlight %}
340337
{% endtabs %}
341338

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

346341
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.
@@ -354,18 +349,18 @@ You can customize the card appearance by using the [CardTemplateSelector](https:
354349
</Grid.DataContext>
355350
<Grid.Resources>
356351
<DataTemplate x:Key="highPriorityTemplate">
357-
<Border BorderBrush="Black" BorderThickness="1" CornerRadius="3" Background="#F3CFCE">
352+
<Border BorderBrush="Red" BorderThickness="2" CornerRadius="10" Background="LightPink">
358353
<StackPanel Margin="10">
359-
<TextBlock Text="{Binding Title}" FontWeight="Bold" TextAlignment="Center" FontSize="14" />
360-
<TextBlock Text="{Binding Description}" FontSize="12" TextAlignment="Center" TextWrapping="Wrap" Margin="5" />
354+
<TextBlock Text="{Binding Title}" FontWeight="Bold" FontSize="16" />
355+
<TextBlock Text="{Binding Description}" FontSize="14" TextWrapping="Wrap" />
361356
</StackPanel>
362357
</Border>
363358
</DataTemplate>
364359
<DataTemplate x:Key="defaultTemplate">
365-
<Border BorderBrush="Black" BorderThickness="1" CornerRadius="3" Background="#F3EADC">
360+
<Border BorderBrush="Green" BorderThickness="1" CornerRadius="10" Background="LightGreen">
366361
<StackPanel Margin="10">
367-
<TextBlock Text="{Binding Title}" FontWeight="Bold" TextAlignment="Center" FontSize="14" />
368-
<TextBlock Text="{Binding Description}" FontSize="12" TextAlignment="Center" TextWrapping="Wrap" Margin="5" />
362+
<TextBlock Text="{Binding Title}" FontWeight="Bold" FontSize="16" />
363+
<TextBlock Text="{Binding Description}" FontSize="14" TextWrapping="Wrap" />
369364
</StackPanel>
370365
</Border>
371366
</DataTemplate>
@@ -442,7 +437,7 @@ public class ViewModel
442437
KanbanModel taskDetail = new KanbanModel();
443438
taskDetail.Title = "UWP Issue";
444439
taskDetail.Id = "651";
445-
taskDetail.Description = "In minimized state, first and last segments have incorrect spacing";
440+
taskDetail.Description = "Crosshair label template not visible in UWP";
446441
taskDetail.Category = "Open";
447442
taskDetail.IndicatorColorKey = "High";
448443
taskDetail.Tags = new List<string>() { "Bug Fixing" };
@@ -468,9 +463,9 @@ public class ViewModel
468463
taskDetails.Add(taskDetail);
469464

470465
taskDetail = new KanbanModel();
471-
taskDetail.Title = "WPF Issue";
466+
taskDetail.Title = "Kanban Feature";
472467
taskDetail.Id = "25678";
473-
taskDetail.Description = "Minimum and maximum properties are not working in dynamic update";
468+
taskDetail.Description = "Provide drag and drop support";
474469
taskDetail.Category = "In Progress";
475470
taskDetail.IndicatorColorKey = "Low";
476471
taskDetail.Tags = new List<string>() { "New control" };
@@ -481,31 +476,30 @@ public class ViewModel
481476

482477
taskDetails.Add(taskDetail);
483478

484-
485479
taskDetail = new KanbanModel();
486-
taskDetail.Title = "WF Issue";
487-
taskDetail.Id = "1254";
488-
taskDetail.Description = "HorizontalAlignment for tooltip is not working";
489-
taskDetail.Category = "In Progress";
490-
taskDetail.IndicatorColorKey = "High";
491-
taskDetail.Tags = new List<string>() { "Bug fixing" };
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" };
492486
taskDetail.Image = new Image
493487
{
494-
Source = new BitmapImage(new Uri(path + "Assets/Kanban/People_Circle5.png"))
488+
Source = new BitmapImage(new Uri(path + "Assets/Kanban/People_Circle4.png"))
495489
};
496490

497491
taskDetails.Add(taskDetail);
498492

499493
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" };
494+
taskDetail.Title = "WF Issue";
495+
taskDetail.Id = "1254";
496+
taskDetail.Description = "HorizontalAlignment for tooltip is not working";
497+
taskDetail.Category = "Review";
498+
taskDetail.IndicatorColorKey = "High";
499+
taskDetail.Tags = new List<string>() { "Bug fixing" };
506500
taskDetail.Image = new Image
507501
{
508-
Source = new BitmapImage(new Uri(path + "Assets/Kanban/People_Circle4.png"))
502+
Source = new BitmapImage(new Uri(path + "Assets/Kanban/People_Circle5.png"))
509503
};
510504

511505
taskDetails.Add(taskDetail);
@@ -518,6 +512,6 @@ public class ViewModel
518512
{% endhighlight %}
519513
{% endtabs %}
520514

521-
![card-template-selector-in-winui-kanban](images/cards/card-template-selector-in-winui-kanban.png)
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+
522517

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)