Blazor Kanban Board - Toggle Columns

Kanban / Columns / 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.

Loading Syncfusion Blazor Server Demos…

To Do
- 5 items
In Progress
- 4 items
Done
- 5 items

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.
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