SearchKit Kanban adds a new Kanban board display type to CiviCRM SearchKit. Instead of a table, list or map, the results of any search are shown as cards laid out in columns, where each column is one value of an option-list field you pick (the pivot) — a status, a stage, a type, a category, and so on.
Because it plugs into SearchKit as a regular display type, it works with any entity and any search you can build in the SearchKit editor, it can be embedded in an Afform, and — when the field is editable and the user has permission — cards can be dragged between columns to change that field's value directly from the board. A typical use is a lightweight pipeline / task board (Lead → Contacted → Qualified → Won / Lost) driven entirely by CiviCRM data.
Features
- A Kanban display type available alongside Table, List, Grid, Map, etc. in the SearchKit display editor.
- Columns are built from the option list of a chosen pivot field, in the field's own weight order.
- Drag & drop a card to another column to update its pivot field via APIv4 (optimistic move, automatic revert + error notice if the write fails).
- Configurable card content: map result columns to a title, subtitle, image and free body fields.
-
Themed cards: colors, borders, radius, shadow and spacing come from the active CiviCRM theme
(RiverLea
--crm-*variables, Greenwich-safe fallbacks), so cards follow the current stream and dark mode. - Optional rich cards — if the companion SearchKit Box extension is installed, a display can opt in (Card type → Rich card) to render each card with Box's full card model (icon rows, colored badges, status dots, avatars, a kebab menu, header/body/footer regions, a left-edge accent and background tint). Kanban works fully without SearchKit Box; the rich card is a progressive enhancement, not a dependency (see Rich cards below).
- Optional "(no value)" column for records whose pivot field is empty (toggle on/off).
- Optional column whitelist — show only, and in the order of, the option values you choose.
- Read-only toggle, and automatic read-only when the user lacks permission to edit the records.
- Optional drag handle — show an explicit grip on each card for touch-friendly boards.
- Works standalone in SearchKit and embedded in Afform, including inside an
af-tabset. - Offline-safe: the drag-and-drop library (SortableJS) is bundled with the extension — no CDN or network access is required at runtime.
