Kanban Card Bar Color

Please wait for the onBeforeCardRender event, it will allow this scenario.

Any idea when?

The onBeforeCardRender event is now available in the latest sandbox build (2025.2.6497).

You can change the bar color depending on the column like this:

onBeforeCardRender: args => {
    switch (args.data.column) {
        case "1":
            args.data.barColor = "#ea3624";
            break;
        case "2":
            args.data.barColor = "#1155CC";
            break;
        case "3":
            args.data.barColor = "#999";
            break;
        default:
            console.log("Unknown column: " + args.data.column);
            break;
    }
},

This only takes effect when the card is being rendered but we would like to achieve this dynamically when moving the card.

1-Dear and Move to a new column (without letting mouse go) and card card changes dynamically

2- Cancel moving card by bringing back to original column and letting mouse go and card reverts to original

3- Moved to final destination and let mouse go, card keeps changes

Is there anyway of acheiving this?

At this moment, the Kanban component uses just a small horizontal line as a target indicator so there is no moving card that you could modify during drag and drop. So, unfortunately not.