Перейти к основному содержимому

Кастомизация

Помимо настройки Kanban, вы можете кастомизировать его внешний вид и поведение. Виджет позволяет задать собственный шаблон для карточек, изменить контекстное меню для карточек, колонок и строк, изменить структуру и функциональность Toolbar, а также применить собственные css-стили к Kanban.

Кастомные карточки​

Для отображения карточек по собственному шаблону вы можете использовать свойство cardTemplate. Это функция-колбэк, которая позволяет определить нужные стили и логику и применить их к Kanban. Пример ниже:

Кастомное контекстное меню​

Для кастомизации контекстного меню карточек, колонок и строк вы можете использовать соответствующие свойства: cardShape, columnShape и rowShape. Пример ниже:

Кастомный Toolbar​

Для изменения структуры Toolbar и его функциональности используйте свойство items. В массиве этой настройки вы можете определить необходимые элементы управления, расположить их в нужном порядке, а также изменить их поведение.

В примере ниже показано, как можно кастомизировать следующее:

  • порядок расположения элементов управления
  • поисковую строку и её поведение
  • элемент сортировки и его поведение
  • кастомный элемент и его поведение

Кастомные стили​

Вы можете изменить внешний вид Kanban, изменяя значения соответствующих CSS-переменных. Подробнее смотрите в разделе Стилизация.

В этом примере показано, как применить кастомные стили к Kanban: