Skip to main content

Kanban board component

See records as cards in columns by stage and drag a card to another column to update its status.

The Kanban board component shows work items as cards arranged in columns, where each column is a stage in a process.


Kanban board properties

In the properties panel, there are a number of collapsible sections to configure the component:

  • Columns: Set up how columns will be chosen for the board.

  • Views: Set the filter views the component will have.

  • Display: Set the title, width, and state for the component.

  • Events: Set what actions occur when a user clicks or moves a card.

  • Card fields: Set what information is shown on the cards.

  • Interactions: Toggle further options available for the board.

These options will be discussed in the following sections.


Kanban Table

  • Table: Select the table which hold the records to display on the kanban board.

  • Group columns by: Columns in the kanban board are only defined by a field of type dropdown. Select a dropdown field from the selected table.


Columns

Displaying columns can be done based on criteria or manually selected.

Criteria based columns

If the field defining the columns have numerous options, you can base which columns will show based on criteria.

  • Column scope: Filter which records appear as columns. If left empty, all columns will show. For more information on how to create criteria, see Filter configurations.

  • Column order: Sort the order for how columns appear, left to right. If left empty, columns default to the order they were created.

Manual based columns

When manual is chosen, you can add and remove columns. The options shown are from the dropdown field chosen in Group columns by.


Views

Filter views allow you to restrict which records show up in the Kanban board. You can have multiple views, each with their own restrictions.

  1. Add a view

  2. Order: Click and drag to change the order of the filter views.

  3. Default view: The default filter view for the grid.

  4. View visibility: Whether or not the filter view is visible in the dropdown.

  5. Show view selector: Whether or not the dropdown to choose a filter view is available. This will be default to hidden if there is only one filter to choose from.

Selecting a view in this section allows you to configure it.

  1. Copy / Delete: These icons allow you to copy and delete a view.

  2. Filter title: Set the title of the view in the Filter View dropdown.

  3. Filter: Set the selection criteria for what records will be shown. For more information on how to create criteria, see Filter configurations.

  4. Sorting: How the data is to be sorted within the view.


Display

Display

Title

Header text for the component.

Show title

Toggle the visibility of the Title.

Column width

Width defining all columns of the kanban board.

Default state

The default state of the control (Regular/Hidden/Disabled).


Card fields

Define which fields from the base table will show on each individual card in the columns.

Click the plus icon to add fields:

Click the pencil icon on an existing field to edit it.


Interactions

  • Search & filtering: Toggle search bar and filtering grid chips. ( & )

  • Sorting: Toggle sorting icon. ( )

Did this answer your question?