Kanban Board
The Kanban Board panel brings your full task management workflow into the editor. View columns, drag tasks between stages, create and edit tasks inline, manage multiple boards, and access analytics — all in a webview tab alongside your code.
The Problem This Solves
Opening a browser to check your board, find the next task, or update a status interrupts your development flow. By the time you navigate to the board, find the right task, and return to your editor, you have lost context on the code you were writing.
The Board panel keeps your task workflow visible and actionable within the same window as your code. Finish a function, drag the task to "Review," and continue without ever leaving the editor.
What You Are Looking At
The Board panel opens as an editor tab showing your project's Kanban board. The interface has these areas:
Header bar: View mode toggles (Kanban, List), board selector dropdown, and action buttons for creating columns and tasks.
Column area: Vertical columns representing workflow stages. Each column shows its name, task count, and color indicator.
Task cards: Compact cards within columns displaying the task title, code (like #PROJ-42), assignee avatars, labels, progress bar, and due date.
Task drawer: A slide-out panel that opens when you click a task card, showing full task details with inline editing.
Opening the Board
Open the Board panel using any of these methods:
- Click Board under the Build section in the GitScrum sidebar
- Open the Command Palette and run
GitScrum: Open Board
The panel opens as an editor tab. You can split it alongside code files, pin it, or drag it to a separate editor group.
Kanban View
The default view shows columns arranged horizontally with task cards stacked inside each column.
Columns
Columns represent workflow stages like "Backlog," "In Progress," "Review," and "Done." Each column displays:
- Column name and task count in the header
- A colored top border for quick visual identification
- Task cards in a scrollable area beneath the header
Creating a Column
Click the "Column" button in the header bar to create a new workflow column. Provide a name and optionally select a color. The new column appears at the end of your board.
Column Management
Click the dropdown menu icon on any column header to access column settings:
- Rename the column
- Change the column color
- Set the column state (open, in-progress, or closed)
- Delete the column (tasks move to a default column)
Task Cards
Each task card shows at a glance:
- Task title and code identifier
- Assignee avatars
- Label colors
- Progress indicator (when subtasks exist)
- Due date (when set)
Click any card to open the Task Drawer with full details and editing capabilities.
Drag and Drop
Move tasks between columns by clicking and dragging task cards. Changes sync in real-time across all team members. When you drop a task into a new column, its workflow status updates immediately.
List View
Toggle to List view from the header to see all tasks in a flat table format. This view is useful when you need to scan many tasks at once or prefer a traditional list over the visual board.
The list displays sortable columns including task code, title, assignees, status, priority, labels, and due date.
Creating Tasks
Click the "Task" button in the header to create a new task. The quick-create form captures:
- Task title (required)
- Column assignment (workflow stage)
- Additional fields available after creation in the task drawer
Tasks appear immediately in the assigned column after creation.
The Task Drawer
The Task Drawer is a slide-out panel that opens when you click any task card. It provides full task detail viewing and inline editing.
What You Can Edit
The drawer lets you modify these task properties directly:
Title and description: Click to edit inline. The description supports markdown formatting.
Workflow status: Change the task's column assignment from a dropdown.
Task type: Set the task type (feature, bug, improvement, etc.).
Assignees: Add or remove team members assigned to the task.
Labels: Attach or detach color-coded labels for categorization.
Dates: Set start date, due date, or both.
Flags: Toggle task flags:
- Draft — marks the task as a draft not ready for work
- Blocker — flags the task as blocking other work
- Archived — removes the task from the active board view
Checklists
Create and manage checklists within the task drawer:
- Add a new checklist with a title
- Add items to the checklist
- Check off items as you complete them
- Delete items or entire checklists
Checklist progress reflects in the task card's progress indicator on the board.
Comments
View and add comments directly in the task drawer:
- Read the full comment thread
- Add new comments with formatted text
- Comment activity appears in the task timeline
Board Assignment
If your project has multiple boards, change which board a task belongs to from the drawer dropdown.
Multiple Boards
Projects can have multiple boards to organize different work streams. The board selector dropdown in the header lets you switch between available boards.
Use multiple boards to separate:
- Feature work from maintenance
- Frontend from backend tasks
- Different team workstreams
Tasks belong to one board at a time. You can reassign tasks between boards from the task drawer.
Board Analytics
The board includes built-in analytics accessible from the view controls:
Cumulative Flow Diagram (CFD): Shows how tasks accumulate in each workflow stage over time. Widening bands indicate bottlenecks.
Timeline: Visualizes task movement and completion over time.
Velocity Chart: Tracks how many tasks your team completes per time period.
These charts use your actual task history and update as work progresses.
Archived Tasks
Toggle the archive view to show or hide archived tasks on the board. Archived tasks appear with a visual indicator. Use this to:
- Review completed work
- Recover accidentally archived tasks
- Audit historical task data
Pro Tips (Once You Are Comfortable)
- Side-by-side: Split your editor with code on the left and the Board on the right. As you finish implementing a feature, drag its task card to the next column immediately.
- Quick task creation: Use the inline task creation in the board header — type a title and press Enter for rapid task capture during planning sessions.
- Drawer shortcut: Click a task card, make your edits in the drawer, then close it. The board refreshes automatically showing your changes.
- Multiple boards: Create a "Tech Debt" board separate from feature work. This keeps your main board focused while tracking important cleanup work.
Permissions
Board access follows your GitScrum project role:
- Agency Owners and Managers: Full access — create/edit/delete columns, manage all tasks, access analytics
- Developers: Can create tasks, move tasks between columns, edit task details
- Clients: View-only access to the board (if granted project access)
How to Report a Problem or Request a Feature
If the board does not display correctly or you have ideas for improvement, submit feedback through GitScrum Studio.
In the Sidebar of the web application, click on Support Tickets and open a ticket describing your experience.