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. Image for the cookie policy date
close icon

Binding Columns using XAML

How can I bind to columns using XAML?

I need to be able to bind to columns, as we have custom columns created i.e. setup.

13 Replies

JA Jason January 29, 2017 09:59 PM UTC

Also how do I bind the categories for a column in XAML?

SP Saravana Pandian Murugan Syncfusion Team January 31, 2017 01:59 PM UTC

Hi Jason,

We have prepared a sample based on your requirement. Please download the sample from following location.

Sample : http://www.syncfusion.com/downloads/support/forum/128564/ze/KanbanSample623606980  

Saravana Pandian M. 

JA Jason January 31, 2017 07:15 PM UTC

Hi there, thank you for your efforts, although the column is still being defined in the XAML code, so this shows how to bind the categories, but what if I have 5 columns or ten columns?

I did manage to find a workaround, although this meant using the code behind file to do the actual column generation...

        public void CreateColumns(List<tngBoardColumn> cols)
            kanban.Columns.Add(new Syncfusion.SfKanban.XForms.KanbanColumn()
                Title = "Open",
                Categories = new List<object>() { "Open" }
            foreach (var col in cols)
                kanban.Columns.Add(new Syncfusion.SfKanban.XForms.KanbanColumn()
                    Title = col.Name,
                    Categories = new List<object>() { col.Name.Replace(" ", string.Empty)}

But it would have been nice to do all of this from the viewmodel or by ...

<kanban:SfKanbanColumns ItemsSource="{Binding ColumnsinVM}" />

PS Parthiban Sundaram Syncfusion Team February 1, 2017 01:05 PM UTC

Hi Jason,

Thanks for the update.

We have prepared the sample based on your requirement. Please download the sample from following location.

Code snippet:

<kanban:SfKanban Columns="{Binding KanbanColumns}"/> 

We have also prepared a sample based for this. Please download the sample from following location.

Sample: http://www.syncfusion.com/downloads/support/forum/128564/ze/KanbanSample1221341936  

Please let me know, if you need further assistance.

Parthiban S

JA Jason April 3, 2017 08:07 PM UTC

There is an issue with Kanban on IOS and Android to do with custom columns implemented in the code behind. This issue however is not in UWP, tested in both WP10 and Windows 10 Device.

If the columns are created as suggested below, and the cards are created and added to the board, only items with a Category of "Open" are added, any other column created, the cards are not shown in the correct column based on their Category?

If I add  a total of 20 cards and 10 of them are Category "Open" then I see 10 cards in the Open category and no others, I have checked and rechecked the category entries to ensure they match and they are correct.

In fact you can drag a card from the open category to another category then flip the device, making a redraw and the cards that were dragged to the new category disappear!

I am not sure but this seems a bit like the bug in kanban reported here in the javascript forum...


DV Divya Venkatesan Syncfusion Team April 4, 2017 04:22 PM UTC

Hi Jason,

We are not able to reproduce the reported issue at our end and we have prepared a sample for this. Please download the sample from following location.

Sample: http://www.syncfusion.com/downloads/support/forum/128564/ze/Kanban-1551094782

Please update us the modified sample to reproduce the issue which will be helpful for providing further assistance on this.

Divya Venkatesan

JA Jason April 8, 2017 09:35 PM UTC

I cannot fault your test app, but for the life of me I cannot find what is wrong with my app at all, can I upload my app to you for you to look at it, there is no reason I can find that should prevent this from working, yet it doesn't?

JA Jason April 8, 2017 11:58 PM UTC

I am really pulling my hair out now......

//Add Data to a local List<>
_columns = new List<ColModel>();
_columns.Add(new ColModel() { Name = "Open", Category = "Open" });
_columns.Add(new ColModel() { Name  = "In Progress", Category = "EBED51D0-FA68-49C6-830D-EE72B30E7BA0"});
_columns.Add(new ColModel() { Name = "Code Review", Category = "AF48DAC5-2855-46FF-A511-9E86E7FABE09"});
_columns.Add(new ColModel() { Name = "Done", Category = "45064E8E-6F88-459D-BA74-B8721F1E15C8" });

//Load Data from a sqlite db
var cols = Task.Run(async () => await _database.BoardColumn().GetProjectColumns(SelectedProject.ProjectId)).Result;

//Add the db columns
KanbanColumns = new KanbanColumnCollection();
foreach (var col in cols)
  string s = col.BoardColumnId;
  KanbanColumns.Add(new KanbanColumn() { Categories = new List<object>() { s }, Title = col.Name });

//Add the Local List data
foreach (var col in _columns)
  string s = col.Category;
  KanbanColumns.Add(new KanbanColumn() { Categories = new List<object>() { s }, Title = col.Name });

With all this said and done...
 cards added to the columns made from the Local List (i.e. Compiled into the App) work, 
   cards added to a column loaded from a sqlite db table do not work, I have checked the data and the ids match fine, if I debug the app and examine the ids from the db and from the static list, they match correctly?

When sfKanBan columns match their cards, are you using an IndexOf() to find the categories? I wonder if there is some weird locale setting getting in the way, with the GUID?

JA Jason April 9, 2017 01:15 AM UTC

OK I managed to make an example showing that if the data is loaded from a db table it doesn't link to the cards, can you check this out and let me know what might be wrong?
Attachment: Kanban1551094782_(2)_6dac8432.zip

JA Jason April 11, 2017 10:54 PM UTC

Any news on this, can you reproduce this issue at your end?

DV Divya Venkatesan Syncfusion Team April 13, 2017 12:19 PM UTC

 Hi Jason,

We have created a new incident 177204 under your account to track the status of this query. Please log on to our support website to check for further updates.


Please let us know, if you have any query.

Divya Venkatesan

EM Emil May 1, 2018 10:35 PM UTC


I am having this problem also. can you please update me with the solution as well?



RA Rachel A Syncfusion Team May 2, 2018 12:17 PM UTC

Hi Emil, 

Thanks for contacting Syncfusion Support. 

We have resolved the binding issue in the version . Please upgrade to the latest version. 

Also , we have prepared sample for your reference. Please find the sample in the below location. 

If you still face any problem, please revert to us by modifying the sample which will be helpful to proceed further. 

Rachel. A 

Live Chat Icon For mobile
Up arrow icon