Change single card properties (like border color) on the fly with run-time code

[Richard Buffington]

I am trying to set some logic behind the scenes after the kanban board has been created. I want to basically find a card and change its border color to say "Red" based on some logic. So I databind the board, then as time goes by one of cards is given a certain tag of urgent or a request comes from the server that dictates a change in one of the cards appearance. I then want to change the border of that card to red. I can't seem to find a way to go in and manipulate 1 card at a time. So essentially I'm looking for some sort of collection of cards to manipulate.

Is this possible? Maybe I am trying to go about it the wrong way? Thank you.

[Sridharan Gajendran]

Hi Richard, 

 

Thanks for contacting Syncfusion Support. 

 

We are able to achieve your requirements by setting IndicatorColorPalette property and applying custom card template using CardTemplate property in Kanban.  Please refer below code sample for setting IndicatorColorPalette property in Kanban. 

  

Code sample: 

[XAML] 

 

<!--Color mapped to priority--> 

<kanban:SfKanban.IndicatorColorPalette> 

      <kanban:ColorMapping Color="#FFECB93C" Key="Urgent"></kanban:ColorMapping> 

      <kanban:ColorMapping Color="LightGray" Key="Default"></kanban:ColorMapping> 

</kanban:SfKanban.IndicatorColorPalette> 

 

 

Key for the card can be defined as like in the below code sample. 

 

[C#] 

 

//Record in the ItemsSource collection. 

KanbanModel task = new KanbanModel(); 

//Color key in the Kanban Model is used to set the priority for the task. 

task.ColorKey = "Urgent"; 

 

 

 

Please refer demo sample with custom card template from the below link. 

 

Sample:KanbanSample 

Thanks, 

Sridharan 

[Richard Buffington]

Sridharan,

Thank you for the response. I now understand the color coding. However, how would I find a particular card at runtime to change this on the fly? OR, am I supposed to update the datasource (changing the model field for the record I want to change to a different ColorKey) which in-turn the Kanban control then updates the card dynamically?

[Sridharan Gajendran]

Hi Richard, 

 

Thanks for the update. 

 

By having the ItemsSource bound item, we can get it’s corresponding card by iterating KanbanColumn’s Cards collection and compare the item with Card’s Content property. Then we have updated the Kanban Card’s border color based change in the indication color key through work around.  

 

Please find the demo sample from the following link. 

 

Sample: GettingStarted 

Thanks, 

Sridharan