Example of Workflow in ASP.NET MVC Kanban Control

This example demonstrates the workflow functionalities that defines the flow of transition between the columns. You can drag and drop the cards between Kanban columns to see the workflow restriction.

DEMO
SOURCE

In this sample, you can drag the cards from the `Order` column and drop them into `Ready to Serve` and `Home Delivery` columns. Also, you couldn't drag the cards from the `Delivered` column and drop the cards in the `Order` column. The action is controlled using the following properties.

  • The transitionColumns property is used to allow the card transition to specified columns.
  • The allowDrag property is used to enable/disable the drag action of columns.
  • The allowDrop property is used to enable/disable the drop action of columns.
Transform your ASP.NET MVC web apps today with Syncfusion® ASP.NET MVC components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab