sfKanban Grouping itemssource

hi,

is there a way to create a kanban columns based on an itemssource  grouping?

let's say that i have this simple model


    public class MyTask
    {
        public int ID { get; set; }
        public string Title { get; set; }
        public int State { get; set; }  //0 .. 1
    }

the itemssource of the kanban would be
ObservableCollection<MyTask>  src = new ObservableCollection<MyTask> ();

and these items :
var t = new MyTask(){ID= 1, Title=task1, State=0};
src.Add(t);

t = new MyTask(){ID= 1, Title=task2, State=0};
src.Add(t);

t = new MyTask(){ID= 1, Title=task3, State=1};
src.Add(t);

t = new MyTask(){ID= 1, Title=task4, State=1};
src.Add(t);

t = new MyTask(){ID= 1, Title=task5, State=0};
src.Add(t);

t = new MyTask(){ID= 1, Title=task6, State=1};
src.Add(t);


so i want to have two columns , one with the cards that state filed equal 0 and one with card states equal to 1,

the ideal is to use a grouped itemssource like the collectionviewsource or something like. because i want this list to be dynamic so the user can add delete cards .

hope the question is clear , any help is welcome  .
thanks . 

7 Replies

IM Iyyappan Mani Syncfusion Team April 30, 2018 10:54 AM UTC

Hi Issam, 

Thanks for contacting Syncfusion Support.  
 
We can able to achieve your requirement by setting ColumnMappingPath property in the Kanban. 

Code sample:   

[XAML]  
<syncfusion:SfKanban x:Name="kanban" ColumnMappingPath="State"/> 

Please find the demo sample from the following location. 
  
Thanks and regrads, 
Iyyappan M. 



IS issam May 1, 2018 09:09 PM UTC

Nice,

i have to experiment a little with this exemple now.


in the meantime i have two sub questions ;p

1 - is it possible to use a templateselector for the cards and for the column header based on the state field ?
2 - the example provided work great but i have noticed  a little issue :
the app launch with the main window resized, but if i maximize it the columns  dont resize to take the entire kanban  area .


is it possible to make the columns always fit the kanban, especially the width ?
thanks a lot .


IM Iyyappan Mani Syncfusion Team May 2, 2018 12:43 PM UTC

Hi Issam,  

Thanks for contacting Syncfusion Support.   

Query 1: Template selector for the cards and column header based on the state 
Currently we don’t have template selector support for the cards and column header based on the category/state in the Kanban. We have considered this as feature request. This feature will be available in any of our upcoming release.  Please log on to our support website to check for feature details.  
  
 
Query 2: Resizing the kanban column based on the view 
 We can achieve your requirement by setting ColumnWidth property in the kanban size changed event. 
 Please find the demo sample from the following location. 
Thanks and regrads, 
Iyyappan M. 



IS issam replied to Iyyappan Mani May 3, 2018 07:06 AM UTC

Hi Issam,  

Thanks for contacting Syncfusion Support.   

Query 1: Template selector for the cards and column header based on the state 
Currently we don’t have template selector support for the cards and column header based on the category/state in the Kanban. We have considered this as feature request. This feature will be available in any of our upcoming release.  Please log on to our support website to check for feature details.  
  
 
Query 2: Resizing the kanban column based on the view 
 We can achieve your requirement by setting ColumnWidth property in the kanban size changed event. 
 Please find the demo sample from the following location. 
Thanks and regrads, 
Iyyappan M. 


Query 1: Template selector for the cards and column header based on the state
 
Currently we don’t have template selector support for the cards and column header based on the category/state in the Kanban. We have considered this as feature request. This feature will be available in any of our upcoming release



ok in the mean time is it possible to use two kanban controls side by side 
each kanban have one column and it's own styling 

and drag and drop cards between them ?


IM Iyyappan Mani Syncfusion Team May 4, 2018 11:36 AM UTC

Hi Issam, 

We can drag and drop cards between two Kanban controls. Please find the demo sample from the following location.  
  
  
Thanks and regards, 
Iyyappan M. 



IS issam May 4, 2018 03:05 PM UTC

Excellent !

thanks for your great support <3


SG Sridharan Gajendran Syncfusion Team May 7, 2018 01:27 PM UTC

Hi Issam, 

Thanks for the update. 

Please let us know if you need any other assistance on this. 

Thanks, 
Sridharan 


Loader.
Up arrow icon