Blazor Kanban Board - Swimlane Visualization
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
Idea - 2 items | Drafting - 2 items | Review - 6 items | Live - 5 items |
|---|
Ava Thompson - 2 items | |||
[0]Idea No cards to display | [0]Drafting No cards to display | [1]Review Holiday Paid Social Push
CAM-507 Holiday push creative reviewed and scheduled across platforms.
| [1]Live Summer Promotion Campaign
CAM-521 Campaign running across email and social channels.
|
Emma Wilson - 2 items | |||
[1]Idea Spring Email Drip
CAM-501 Five-email sequence targeting lapsed subscribers, planned for late March.
| [0]Drafting No cards to display | [1]Review Quarterly Customer Story
CAM-518 Final review of customer success story content.
| [0]Live No cards to display |
Ethan Brown - 2 items | |||
[0]Idea No cards to display | [1]Drafting TikTok Creator Briefs
CAM-506 Three-creator activation for the new product launch.
| [0]Review No cards to display | [1]Live Customer Advocacy Program
CAM-523 Engaging customers to share success stories.
|
Liam Johnson - 2 items | |||
[0]Idea No cards to display | [0]Drafting No cards to display | [1]Review Influencer Collaboration Assets
CAM-519 Reviewing graphics and messaging for influencers.
| [1]Live Content Refresh: Buying Guides
CAM-504 Refreshed twelve buying guides with updated imagery and pricing.
|
Lucas Harris - 1 item | |||
[0]Idea No cards to display | [0]Drafting No cards to display | [1]Review Retargeting Ad Refresh
CAM-517 Creative assets awaiting stakeholder approval.
| [0]Live No cards to display |
Mason Clark - 2 items | |||
[0]Idea No cards to display | [0]Drafting No cards to display | [1]Review Display Ad Creative Set
CAM-520 Awaiting final marketing approval before publishing.
| [1]Live Q1 SEO Audit
CAM-508 Technical audit complete, action items handed off to the content team.
|
Noah Martinez - 1 item | |||
[0]Idea No cards to display | [1]Drafting Instagram Reels Series
CAM-502 Six short-form videos featuring customer testimonials and product demos.
| [0]Review No cards to display | [0]Live No cards to display |
Olivia Chen - 2 items | |||
[0]Idea No cards to display | [0]Drafting No cards to display | [1]Review Paid Search Brand Defense
CAM-503 Always-on brand campaign to protect organic search traffic.
| [1]Live Google Ads Expansion
CAM-522 New keyword groups actively generating leads.
|
Sophia Davis - 1 item | |||
[1]Idea Newsletter Sponsorship
CAM-505 Sponsorship slot secured with a top industry newsletter.
| [0]Drafting No cards to display | [0]Review No cards to display | [0]Live No cards to display |
Properties
This example demonstrates swimlane functionalities in the Blazor Kanban component by visualizing a Marketing Campaigns. Cards are grouped by assignee so that work distribution across team members is visible at a glance.
This sample is configured using KanbanSwimlaneSettings with the following properties:
- KeyField – Maps swimlane header (assignee in this demo).
- SortDirection – Sorts swimlane cards.
- AllowDragAndDrop – Enables drag-and-drop across swimlanes.
- ShowEmptyRow – Shows or hides empty swimlane rows.
- ShowItemCount – Shows item counts in swimlane headers.
- EnableFrozenRows – Freezes swimlane rows at the top.
Additional essential interactions that enhance analysis and control are also featured:
- Drag and Drop: Move cards across columns and across swimlanes to reflect the new owner or status.
- Columns: Group cards by workflow stage such as To Do, In Progress, Testing, and Done.
Key interactive features demonstrated in this sample include:
- Sort Direction: Use the property panel dropdown to sort swimlane rows in ascending or descending order.
- Drag and Drop: Toggle cross-swimlane drag and drop to move work between team members.
- Empty Rows: Show or hide swimlane rows that do not contain any cards.
- Item Count: Display the count of cards in each swimlane to balance workload at a glance.
- Frozen Rows: Freeze swimlane headers so they remain visible while scrolling through cards.
Looking for the full Blazor Kanban component overview, features, pricing, and documentation? Visit the Blazor Kanban page.