Kanban Board
The Kanban Board gives Power Apps a clean, three-column task board — To do, In progress, Done — rendered as a single data-driven SVG Image. Cards are read from a collection and grouped into columns by their Status, so the whole board redraws from your data with no PCF and no premium connectors. It is the screen makers rebuild for every project and task tool.
Design login
Alice · UX
Build table
Alice · UX
Approvals flow
Alice · UX
Theme tokens
Alice · UX
Publish
Alice · UX
YAML source
Preview — full code with PRO# Kanban Board — PowerBlocks (PRO Screen)
# A 3-column board (To do / In progress / Done) rendered as a single data-driven
# Power Fx SVG Image: each card is read from a collection and placed in its column.
#
# The board renders immediately: DEMO DATA is inlined in the Image formula below.
# STEP 1 — Paste onto a blank screen. STEP 2 — Replace the _data Table(...) with your
# own data (e.g. colKanban); the board re-groups cards by their Status
# into the three columns automatically.
- KanbanBoard:
Control: Image
Properties:
X: =0
Y: =0
# … full component definition unlocked with PROThis is a partial preview. Unlock the full component →
Common use cases
Project & task boards
Visualise work in progress across stages for a project, sprint or backlog.
Workflow stages
Show items moving through any pipeline — leads, requests, tickets — by status.
Team overviews
Give a manager an at-a-glance board of what's queued, active and done.
How to use Kanban Board in Power Apps
- 1Add the colKanban collection to Screen.OnVisible using the snippet in the YAML header.
- 2Click "Copy YAML" — the syntax is invariant and works in every Power Apps locale.
- 3Paste the control onto a blank screen in Power Apps Studio.
- 4Swap colKanban for your own data — cards regroup into columns by Status automatically.
Tip — To move a card, Patch its Status (e.g. from a card-tap action) and the board redraws. For true drag-and-drop, layer transparent buttons over each card area.