Besides configuring Kanban, you can customize its appearance and behaviour. The widget allows you to specify a custom template for cards, modify a context menu for cards, columns and rows, change the Toolbar structure and functionality, and apply custom css styles to Kanban.
To display cards by a custom template, you can use the
cardTemplate property. It is a callback function that allows you to define the desired styles and logic and apply it to Kanban. See the snippet below:
Custom context menu
To customize a context menu for cards, columns and rows, you can use the corresponding
rowShape properties. See the snippet below:
To customize the Toolbar structure and its functionality, you can use the
items property. In the array of this config you can define controls you need, arrange them in the desired order as well as modify their behaviour.
In the snippet below you can see how to customize the following:
- an order of controls arrangement
- a searchbar and its behaviour
- a sort control and its behaviour
- a custom control and its behaviour
You can customize the appearance of Kanban by changing values of the corresponding CSS variables. Refer to the Stylization section for details.
In this snippet you can see how to apply custom styles to Kanban: