Blazor Kanban Board Example - Toggle Column Visibility Support
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 |
This sample demonstrates the toggle column feature, allowing users to collapse or expand columns using the header button. In this demo, the Testing column is initially collapsed.
The Kanban component enables column collapse/expand to optimize screen space. Remaining columns automatically stretch to occupy free space. Configure this behavior using the following KanbanColumn properties:
- AllowToggle – Enables column expand/collapse.
- IsExpanded – Determines initial expand/collapse state.