It's possible change order of kanban cards in the same column

Question

Hi,I'm implementing Kanban control with only 1 column in a project using Javascript, but I can't reorder the cards doing drag and drop.It's possible to change the order of a Kanban Card inside the same column?Thank You!

Deepa Loganathan · Answer

Hi Luis,  
Thanks for contacting Syncfusion support. 
To reorder the cards in Kanban board rendered with single column using drag drop action, you need to set priority for Kanban cards, as shown in the below code snippet. 




  $(function() { 
            var kanbanData = [ 
                 { Id: 1, Status: "Open", Summary: "Analyze the new requirements gathered from the customer.", Type: "Story", Priority: "Low", Tags: "Analyze,Customer", Estimate: 3.5, Assignee: "Andrew Fuller", ImgUrl: "/images/kanban/1.png", RankId: 1 }, 
                                                           { Id: 2, Status: "Open", Summary: "Improve application performance", Type: "Improvement", Priority: "Normal", Tags: "Improvement", Estimate: 6, Assignee: "Andrew Fuller", ImgUrl:"/images/kanban/2.png", RankId: 2 } ]; 
 
                                   var dataManager = ej.DataManager(kanbanData); 
                                   $("#Kanban").ejKanban({ 
                                       dataSource: dataManager, 
                                       columns: [ 
                          { headerText: "Backlog", key: "Open" } 
 
                      ], 
                      fields: { 
                          content: "Summary", 
                          primaryKey: "Id", 
                          priority: "RankId" 
                      }, 
                      keyField: "Status" 
                                   }); 
                              }); 
       
 
For single columns, the cards will be reordered based on the priority field and is done to maintain the order of priority in single column support. Whereas, this is not applicable in case of multiple columns 
We prepared a sample based on your requirement. Please check. 
http://jsplayground.syncfusion.com/pka5blte  
 
Also, we suggest you go through the below help documents to explore more about Kanban board.  
API: https://help.syncfusion.com/api/js/ejkanban  
Getting started: https://help.syncfusion.com/js/kanban/getting-started 
 
Regards,  
Deepa L.