We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Block drop in certain swim lanes

Thread ID:





126125 Sep 26,2016 09:09 AM UTC Sep 30,2016 04:35 AM UTC JavaScript 5
Tags: ejKanban
Asked On September 26, 2016 09:09 AM UTC


If i have the following swim lanes


How can I prevent certain operations while allowing others e.g

I can drag from open to Started
I can  drag from Started to Paused or closed
I want to prevent drag from Started, or Paused to Open.

Is this possible and if so could you please provide some guidance.


Sarath Kumar P [Syncfusion]
Replied On September 27, 2016 01:26 PM UTC

Hi Trevor, 
Thank you for contacting Syncfusion support.   
Please confirm us whether you need to prevent drag operations between Kanban columns.   
-                      Between vertical columns ( eg . from Open to Started ) 
Or Kanban Swim-lanes  - drag and drop between highlighted horizontal lanes? ( eg . from Open to Started ) 


Based on your confirmation, we will provide you the appropriate solution. 
Sarath Kumar P 

Replied On September 28, 2016 12:09 PM UTC

Sorry, yes indeed it is between the vertical columns I wish to block certain drag/drops.


Rajesh Kumar Anburajan [Syncfusion]
Replied On September 29, 2016 10:49 AM UTC

Hi Trevor,   
Your requirement can be achieved using Kanban workflow feature. It has been included in our latest Volume 3, 2016 release and it is available for download under the following link:   
Using workflow feature, you can specify the allowed transitions to each key columns. Please refer to the attached sample and the below codes to achieve your requirement,   
                    dataSource: data,   
                                    {key:"Open",allowedTransitions:"Started"},  // you can drag from open to started by adding the started column in allowTransitions property.     
                                    {key:"Started",allowedTransitions:"Paused,Closed"},//you can drag from started to paused or closed by adding the Paused or closed column in allowTransitions property.     
                                    {key:"Paused",allowedTransitions:"Started,Closed"}//you can prevent drag from started, or paused to open.   
                    columns: [   
                        { headerText: "Open", key: "Open"},   
                        { headerText: "Started", key: "Started" },   
                        { headerText: "Paused", key: "Paused" },   
                        { headerText: "Closed", key: "Closed" }   
                    keyField: "Status",   
                    allowTitle: true,   
                    fields: {   
                        content: "Summary",   
                        primaryKey: "Id",   
                        tag: 'Priority'   
                    allowSelection: false   
Rajesh kumar A.   

Replied On September 29, 2016 11:07 AM UTC

Thanks for you help.

much appreciated.


Rajesh Kumar Anburajan [Syncfusion]
Replied On September 30, 2016 04:35 AM UTC

 Hi Trevor,

Thanks for your update.

Please let us know if u need any further assistance.


Rajeshkumar A.


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon