Blazor Kanban Board - Work-In-Progress Validation

Kanban / Validation / WIP Validation

This sample demonstrates how to limit the minimum and maximum number of cards to each column of the Kanban control. Configured the options in the property panel to change the constraint type and related attributes.

Loading Syncfusion Blazor Server Demos…

To Do
- 5 items
Min: 6
Max: 8
In Progress
- 4 items
Min: 2
Testing
- 7 items
Min: 2
Max: 5
Done
- 5 items
Max: 4
Constraint
Type
Validate Constraints
Columns
MinCount
MaxCount

The Kanban component validates the number of cards in the particular column or swimlane using the ConstraintType property as follows,

  • Column: Validates the number of cards based on the column. By default, column validation is applied to Kanban board.
  • Swimlane: Validation applies based on number of cards in a particular column cell and swimlane.

In this demo, property panel shows the following options:

  • Columns: You can choose a column and set maximum and minimum limit to the selected column.
  • MinCount: Minimum limit of cards required for each column. If the cards count does not reach the minimum limit, it will indicate the validation failed state.
  • MaxCount: Maximum limit of cards per column. If the cards count exceeds the maximum limit, it will indicate the validation failed state.
Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE