We use cookies to improve our service. Learn more.

Reference / Pages Components

Kanban Board Collection

Display data in moveable cards & columns.

Kanban boards visually depict work at various stages of a process. Tasks or projects are displayed as cards, and columns portray each stage.

The Kanban component works a lot like a normal Collection. When you add it, you select a table as a data source and then configure how that data is displayed. You can show four different properties from your table and also add search and filter options.

The main difference with a more traditional collection layout is that you can drag items around and this changes their data.

Configuration

Category column

The category determines what columns appear on the board. If the column you select contains three unique values, then you will see three columns.

These are created automatically depending on the number of unique values you have. If you want to limit the number of columns shown or change the name of them — you can use the custom groups section below.

Card order

If you want the order of your cards to be the same for every user, then you should create a column and connect it to the Cards order property. This will log a shortcode for each item that allows Glide to track the position of that card.

Inline editing

Cards can just display data, or you can enable inline editing.

Custom Groups

You can let Glide automatically create columns for every unique value it finds in your category column — or you can use the custom groups section to customize how your columns are displayed.

For example, our categories column has 4 unique values: New, In progress, Delayed, Completed. Some items also don’t have a status.

If the categories configuration is empty, the Kanban component shows all four columns with the exact names it finds in the table.

If we want to only show certain categories, or change the name of the category that is displayed — we can add a new custom group.

When you add a new category, there are two fields. The first is the value and the second is the title that is displayed for that column.

Glide adds a default Uncategorized column that will catch all the items that don’t have a value in the category column.

If you want to add more columns, just add the Value of the items on the left and the Title you want to display on the right.

Here 👇 we have left the 1Uncategorized1 column and added the New and In Progress columns.

The title of the column will default to the value if you leave it blank. Or you can override it and change what is displayed to the user.

Actions

Kanban has three locations where you can add actions, just like standard Collections.

  • The title actions show at the top

  • Item click defaults to showing the details screen for this item but can be any action you want.
  • And collection item actions show in the dropdown menu for each item.

Updated 2 weeks ago
Was this helpful?