• 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 Default Functionalities in ASP.NET Core Kanban Control

This sample demonstrates the basic Kanban board functionality, including data binding, column mapping, card rendering, and drag-and-drop interactions. Cards are organized into workflow stages and can be moved across columns to reflect status changes.

DEMO
SOURCE

The Kanban board is populated using a predefined data source and displays tasks across multiple workflow stages. Tasks are grouped into columns based on the field configured through the keyField property.

In this example, the board is configured using the following core Kanban properties:

  • dataSource - Binds the task collection to the Kanban board.
  • columns - Defines the workflow stages displayed on the board.
  • keyField - Maps task status values to their corresponding columns.
  • cardSettings - Configures the information displayed within each card.

Cards can be dragged and dropped between columns to update workflow status. The board also supports visual customization through card templates, tags, priorities, and resource indicators.

More information on the Essential® JS2 Kanban board can be found in this 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