Kanban Board User Guide
Kanban board is a modern tool for workflow visualization. You can add any number of tasks, assign them to a team member, add tags, move tasks from one column to another using drag-and-drop, and much more. Read further to dive into the app interface and main controls.
Main Screens
Visually, the Kanban board consists of the following elements:
- cards
- columns
- swimlanes.
Columns
Depending on the configuration, the widget may include the following columns:
- Backlog
- In Progress
- Testing
- Done.
Each column represents the state of the Kanban cards. You can specify the column names according to your project needs.
You can collapse/expand columns by clicking on the "arrow" icon in the column header.
Swimlanes
Depending on the configuration, the cards can be arranged into horizontal swimlanes to separate the tasks of different categories.
Cards
Kanban cards display task information, which can include the following elements:
- card name
- assigned employees
- attached files
- priority
- status
- tags
- comments.
Users can perform the following operations with cards:
- add new cards
- edit cards
- copy cards
- move cards
- delete cards
- comment on cards.
Adding New Cards
To add a new card, click on the "plus" icon in the header of the corresponding column. You can display this icon instead of an "arrow" one via the Kanban configuration.
Editing Cards
You can edit Kanban cards using a special Editor. It can be opened in 3 ways:
- By clicking on the "pencil" icon
- By double-clicking on the card
- Via the card menu.
To open the Editor via the card menu, click on the "config" icon and select the "Edit" option.
In the Editor, you can edit the following fields of the card:
- card name
- tags
- assigned employees
- priority
- status
- attached files.
Card name
To edit the card name, follow these steps:
1) Click on the "Text" area.
2) Make the necessary changes.
3) Click on the "Save" button to save the changes and get back to the board.
Tags
To change the tags of the task, follow these steps:
1) Click on the "Tags" selector and select one or more options. The selected options will be displayed as tags in the selector field.
2) Click on the "Save" button to save the changes and get back to the board.
Assigned employees
There are two ways to assign an employee to the task:
- via the editor
- via the card.
To assign an employee via the editor, follow these steps:
1) Click on the "Assign to" selector and select the desired option from the drop-down list.
2) Click on the "Save" button to save the changes and get back to the board.
To assign an employee via the card, follow these steps:
1) Click on the avatar on the needed card to open the list of available users.
2) Select the desired person from the drop-down list.
Priority
To change the priority of the task, follow these steps:
1) Click on the "Color" selector and select the desired option from the drop-down list.
2) Click on the "Save" button to save the changes and get back to the board.
Status
To change the status of the task, follow these steps:
1) Click on the "Status" selector and select the desired option from the drop-down list.
2) Click on the "Save" button to save the changes and get back to the board.
Attachments
The widget lets you attach extra files to the card. The attached images can be displayed on cards.
There are two ways to attach a file:
- via the uploader
- via drag-and-drop.
To attach a file via the uploader, follow these steps:
1) Click on the "Upload" button to open the uploader.
2) Select the files you want to attach.
3) Click on the "Save" button to save the changes and get back to the board.
To attach a file via drag-and-drop, follow these steps:
1) Drag and drop files to the "Attachments" field.
2) Click on the "Save" button to save the changes and get back to the board.
Copying Cards
To copy a card, follow these steps:
1) Click on the "config" icon on the card to open the dropdown menu.
2) Select the "Copy" option in the dropdown menu.
The copy is added to the same column as the original.
Moving Cards
To move a card from one column to another, drag and drop it into the target column.
Deleting Cards
There are two ways to delete a card:
- via the editor
- via the card menu.
To delete a card via the editor, follow these steps:
1) Open the editor.
2) Click on the "Remove" button.
3) Click on the "OK" button in the popup window to confirm the deletion.
To delete a card via the card menu, follow these steps:
1) Click on the "config" icon to open the menu.
2) Select the "Remove" option in the dropdown menu.
3) Confirm the deletion.
Commenting on Cards
To add a comment to a card, follow these steps:
1) Click on the "comment" icon on the card to open the popup window.
2) Type your message in the text field.
3) Click on the "Send" button to post it.
