Skip to main content

Customization

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.

Custom cards​

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 cardShape, columnShape and rowShape properties. See the snippet below:

Custom toolbar​

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

Custom styles​

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: