Meet the new Glide Apps
Glide Pages are now Glide Apps. Please refer to this article for up-to-date information, as some of this documentation is outdated.
The Kanban Component allows you to display your data in moveable cards and columns in a Kanban-like board.
How to add a Kanban component
- In the Layout Editor, select the page you want to include your Kanban board on.
- Click on the plus symbol.
- Select the Kanban option from the Collections section.
Configure General settings
You can customize your Kanban board using the settings available in the General, Options, and Actions tabs.
Data
- In the General tab, locate the Data section.
- Update the Source if it differs from the one currently selected.
- Enter a Title for the component, if desired. This will appear on the page directly above your board.
Items Data
- In the General tab, locate the Items Data section.
- Use the menu in the Title, Description, Address, and Image fields to select the value from your data to display.
You can also type directly into these fields to enter a Custom Value.
This data appears on the cards on your board.
Custom Groups
You can customize how your columns are displayed on your Kanban board by using the Custom Groups option. This allows you to organize items based on the values of a specified column.
- In the Custom Groups section, click on Add item.
Glide automatically adds three items. The first item has a Title of Uncategorized
to catch all items in the columns that do not have a value. The remainder of the items are used to define specific groups.
- In the other items, define a Value from the column to group by. The columns will automatically be named for the Value unless you specify a Title.
- Continue to add items to your Custom Groups as needed.
You can manage the items in your Custom Groups by dragging and dropping them to change their order or clicking on the x symbol to remove the item from the group.
Configuration
- In the General tab, locate the Configuration section.
- Specify the column that items should be grouped by. For example, you can group books by the author. Glide will automatically add a new column to the board for every unique value it finds.
Alternatively, you can create Custom Groups for your data.
- If you want the order of your cards to be the same for every user, select a column in the Save order field.
Options
- Enable the Limit number of items option and enter the desired number. Only the number of items you specify will be shown on the board.
Enable Options settings
You can customize the data displayed in your list by using Conditions and other options. You can also provide users with a search bar and filter to help them find specific items.
Visibility
You can define when items will be displayed by creating specific criteria to assess them against. For example, Show component when Name is not empty.
- In the Visibility section, click the Add Condition button to create your conditions.
For more information, see Conditions, Filtering, and Visibility.
Filter data
You can limit the items displayed based on their properties.
- In Filter Data section, click the Add Filter button to create your filters.
Search
- In the Search section, enable the Show search bar option to allow users to search for specific items in the list.
- Select a column in the Show filter field to allow users to further narrow their search results
Set up Actions
You can configure specific actions for your Kanban board, dictating how users can interact with the data.
Default Actions
- In the Actions tab, enable the actions you want to allow users to take.
- Allow users to add items
- Allow users to edit items
- Allow users to delete items
When enabled, a button will be added to the options for each card that can be used to delete the item. By default, the button is labeled Delete. To change this, click on the pencil icon to edit it.
- Click on the Add Condition button under the respective actions to create your conditions, if desired.
Advanced Actions
Advanced actions allow you to add your own actions as buttons in the collection items or in the title bar.
- In the Actions tab, locate the Advanced Actions section.
- Click on the Enable advanced actions button.
- In the Inline Actions section, enable the actions you want to allow users to take.
- Allow inline adding
- Allow inline editing
- Click on the Add Condition button under the respective actions to create your conditions, if desired.
- In the Title Bar Action section, click on Add primary action to add a new action to the title bar.
- In the Item Click section, specify an action to take when a user clicks on an item in the board.
- In the Collection Item Actions section, add actions to make available to users in the item’s options.
If you’ve enabled Allow users to delete items in the Default Actions, this action will automatically appear in this section.