# Kanban Board

## Description:

Kanban Board

Kanban boards show how work moves from left to right, with each column representing a stage of the overall process. The team pulls cards from one column to another to the right to show progress, and to coordinate their efforts with others.

To implement the Kanban Board, choose a data source to be used to render the Cards. Choose a `Kanban Attribute` to be used to group the cards under columns. This attribute will be updated when the cards are moved between cards. Also choose a `Kanban Sequence Attribute` that will be used to order the cards within any given column. This attribute will be updated accordingly when the cards are re-ordered.

### Allowed Parent Components:

1. Card Body
2. Col
3. Grid Child
4. Horizontal Section
5. Popup
6. Scroll Layout
7. Side Tab Item
8. Tab Item
9. Vertical Section

### Allowed Child Components:

1. Card Wrapper
2. Kanban Column
3. Popover
4. Pulse
5. Trigger Before Render
6. Trigger On Drop

### Properties

### ➤ Use Existing Data Source

Choose this prop if you want to reuse a Data Source that was defined on some other component on this page or any of the parent abstract pages.

Allowed Values: Yes/No

### ➤ Data Source Alias

Choose the DataSource Alias to be used for this Kanban Board

Allowed Values: Choose the DataSource Alias to be used for this Kanban Board

### ➤ Kanban Attribute

Choose the attribute using which the records to be split between the Kanban Columns

Allowed Values: Choose the attribute using which the records to be split between the Kanban Columns

### ➤ Kanban Sequence Attribute

Choose the attribute that will be updated with the sequence number when the cards are re-ordered within a Kanban Column

Allowed Values: Choose the attribute that will be updated with the sequence number when the cards are re-ordered within a Kanban Column

### ➤ Column Width

Specify the width in pixels for the columns

Allowed Values: Any number value

### ➤ On Drop

Allowed Values: Controller Function


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.cloudio.io/ui-components/widgets/kanbanboard.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.