• All Demos
  • Grid SDK
  • Chart SDK
  • Scheduler SDK
  • Gantt SDK
  • Rich Text Editor SDK
  • Diagram SDK
  • File Manager SDK
  • Document SDK
  • PDF Viewer SDK
  • DOCX Editor SDK
  • Spreadsheet Editor SDK
  • Material 3
  • Bootstrap 5
  • Fluent 2
  • Tailwind CSS
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Toggle Columns in ASP.NET Core Kanban Control

This sample demonstrates the column toggling functionality of the Kanban component, enabling users to expand or collapse columns to optimize board layout and improve workflow visibility.

DEMO
SOURCE

This sample demonstrates the column toggling functionality of the Kanban component, which allows columns to be expanded or collapsed to optimize available space and improve board readability. When a column is collapsed, the remaining columns automatically adjust to utilize the available layout space.

The following column properties are used to configure this behavior:

  • allowToggle: Enables expand and collapse functionality for a column.
  • isExpanded: Specifies the initial expanded or collapsed state of a column when the board is rendered.

More information on the Essential® JS2 Kanban board can be found in this toggle column documentation section.

Looking for the full ASP.NET Core Kanban component overview, features, pricing, and documentation? Visit the ASP.NET Core page.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab