Blazor Kanban Board - Event Handling
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
Planned - 2 items | Booked - 2 items | In Production - 2 items | Wrapped - 2 items |
|---|
Production Manager - 2 items | |||
[1]Planned Creative
Setlist Review for Spring RunFinalize setlist and transitions for the spring leg of the tour. | [0]Booked No cards to display | [1]In Production Logistics
Hospitality RidersFinalize hospitality riders for each stop on the eastern leg. | [0]Wrapped No cards to display |
Stage Manager - 3 items | |||
[0]Planned No cards to display | [0]Booked No cards to display | [1]In Production Rehearsal
Rehearsal Run-throughFull production rehearsal with cues, lighting, and video elements. | [2]Wrapped Show
Toronto Show NightShow complete at Massey Hall. Attendance and incident report filed. Show
Montreal Show NightShow complete at Place des Arts. Settlement and merch reconciliation done. |
Tour Director - 2 items | |||
[1]Planned Logistics
Boston Venue WalkthroughWang Theatre stage and load-in inspection with the production manager. | [1]Booked Logistics
Backline Rental ConfirmationConfirm keyboard and drum riser rentals for the Chicago and Detroit shows. | [0]In Production No cards to display | [0]Wrapped No cards to display |
Wardrobe Lead - 1 item | |||
[0]Planned No cards to display | [1]Booked Creative
Wardrobe FittingsTwo-day wardrobe fitting block in the rehearsal studio. | [0]In Production No cards to display | [0]Wrapped No cards to display |
Event Trace
Kanban - TOUR-804 - CardRendered event called Kanban - TOUR-803 - CardRendered event called Kanban - TOUR-801 - CardRendered event called Kanban - TOUR-808 - CardRendered event called Kanban - TOUR-807 - CardRendered event called Kanban - TOUR-805 - CardRendered event called Kanban - TOUR-806 - CardRendered event called Kanban - TOUR-802 - CardRendered event called Kanban QueryCellInfo event called for Wrapped headerRow Kanban QueryCellInfo event called for In Production headerRow Kanban QueryCellInfo event called for Booked headerRow Kanban QueryCellInfo event called for Planned headerRow Kanban QueryCellInfo event called for Wardrobe Lead contentRow Kanban QueryCellInfo event called for Wardrobe Lead swimlaneRow Kanban QueryCellInfo event called for Tour Director contentRow Kanban QueryCellInfo event called for Tour Director swimlaneRow Kanban QueryCellInfo event called for Stage Manager contentRow Kanban QueryCellInfo event called for Stage Manager swimlaneRow Kanban QueryCellInfo event called for Production Manager contentRow Kanban QueryCellInfo event called for Production Manager swimlaneRow Kanban Load event calledKanban DataBinding event called |
This sample showcases the Blazor Kanban component events by visualizing a Concert Tour Tasks. For every action performed on the board, the corresponding events are listed in the event trace panel.
These events are helpful for customizing behavior from the application side. The following events are demonstrated:
- ActionBegin
- ActionComplete
- ActionFailure
- CardClick
- CardDoubleClick
- CardRendered
- Created
- DataBinding
- DialogClose
- DialogOpen
- DragStart
- DragStop
- QueryCellInfo
Additional essential interactions that enhance analysis and control are also featured:
- Events: Hook into user actions to customize behavior or integrate with external services.
- Swimlane: Group cards by assignee to surface the relevant events for the team layout.
- Columns: Group cards by workflow stage such as To Do, In Progress, Testing, and Done.
Key interactive features demonstrated in this sample include:
- Event Trace: The right-side trace panel logs every Kanban event in real time as you interact with the board.
- Card Actions: Click, double-click, drag, and drop cards to trigger the corresponding lifecycle events.
- Dialog Events: Open and close the card editor dialog to fire the
DialogOpenandDialogCloseevents. - Render Lifecycle: The
Created,CardRendered, andDataBindingevents fire during initial render and data updates.
The Event Categories highlight the most common event groups:
- Action Events:
ActionBegin,ActionComplete, andActionFailurecover action lifecycle. - Card Events:
CardClick,CardDoubleClick, andCardRenderedcover card interactions. - Drag Events:
DragStartandDragStopcover drag and drop operations. - Dialog Events:
DialogOpenandDialogClosecover the card editor dialog.
Looking for the full Blazor Kanban component overview, features, pricing, and documentation? Visit the Blazor Kanban page.