Blazor Kanban Board - Toggle Columns
This sample demonstrates the toggle column feature of Kanban where the user can collapse or expand the columns using expand button in the column header. In this demo, Testing column is collapsed while loading itself.
To Do - 5 items | In Progress - 4 items | Testing - 7 items | Done - 5 items |
|---|
Task 1 Analyze the new requirements gathered from the customer Task 3 Arrange a web meeting with the customer to get new requirements Task 10 Show the retrieved data from the server in grid control Task 20 Enhance editing functionality Task 22 Arrange web meeting with the customer to show editing demo | Task 2 Improve application performance Task 4 Fix the issues reported in the IE browser Task 11 Fix cannot open user’s default database SQL error Task 21 Improve the performance of the editing functionality | [7]Testing Task 24 Fix the issues reported by the customer Task 25 Fix the issues reported in Safari browser Task 26 Check Login page validation Task 27 Fix the issues reported in data binding Task 28 Test editing functionality Task 29 Fix editing issues reported in Firefox Task 30 Test editing feature in the IE browser | Task 8 Test the application in the IE browser Task 13 Analyze SQL server 2008 connection Task 15 Analyze grid control Task 16 Stored procedure for initial data binding of the grid Task 17 Analyze stored procedures |
The Kanban components allows user to expand or collapse the columns to save space. The remaining columns extend its width to occupy the hidden column space. This feature can be achieved by the following properties of KanbanColumn:
- AllowToggle - Enables the expand and collapse behavior in Kanban.
- IsExpanded - Returns the expand and collapse state of the column and can be used to collapse the columns on the page load itself.