Example of Swimlane in Blazor Kanban Component
This example demonstrates the swimlane functionalities of Kanban component. It has provided options in the property panel to sort the cards, enable drag-and-drop across swimlanes, show or hide the empty row, items count and swimlane frozen rows. Also, you can expand/collapse the swimlane row in the Kanban board.
To Do - 5 items | In Progress - 4 items | Done - 5 items |
|---|
Andrew Fuller - 3 items | ||
Task 20 Enhance editing functionality | Task 2 Improve application performance | Task 13 Analyze SQL server 2008 connection |
Janet Leverling - 4 items | ||
Task 3 Arrange a web meeting with the customer to get new requirements | Task 4 Fix the issues reported in the IE browser Task 11 Fix cannot open user’s default database SQL error | Task 17 Analyze stored procedures |
Margaret Hamilt - 3 items | ||
Task 10 Show the retrieved data from the server in grid control | No cards to display | Task 8 Test the application in the IE browser Task 15 Analyze grid control |
Nancy Davloio - 2 items | ||
Task 1 Analyze the new requirements gathered from the customer | Task 21 Improve the performance of the editing functionality | No cards to display |
Steven Walker - 2 items | ||
Task 22 Arrange web meeting with the customer to show editing demo | No cards to display | Task 16 Stored procedure for initial data binding of the grid |
Properties
| Sort direction | |
| Swimlanes Drag & Drop | |
| Show items count | |
| Freeze swimlane row |
This sample renders based on the fields mapped to KanbanSwimlaneSettings. It provides the following properties:
- KeyField - Swimlane header mapped to assignee in this demo.
- SortDirection - Sort direction for sorting the swimlane cards.
- AllowDragAndDrop - Enables or disables the drag and drop of the cards across swimlane.
- ShowEmptyRow - Shows or hides the empty swimlane row.
- ShowItemCount - Shows or hides the items count in the swimlane header.
- EnableFrozenRows - Enables or disables the frozen swimlane rows.
See also