New to Telerik UI for Blazor? Download Free 30-day trial
TaskBoard - Events
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
meridian
Cancel Card Events
Cancel Column Events
Create a new landing page for the upcoming campaign
Draft and schedule the monthly newsletter
Review advertising performance metrics
Analyze conversion rates across all funnel stages
Synthesize feedback from recent user interviews
Review and update on-page SEO across the blog
Review the checkout and onboarding experience
Publish the updated content plan for Q3
- Events.razor
Description
The Telerik UI for Blazor TaskBoard exposes a comprehensive set of events that allow applications to respond to and control every user interaction on the board.
This demo showcases all TaskBoard events in a single view with a live event log. Card events include OnCardClick, OnCardCreate, OnCardUpdate, OnCardDelete, and OnCardMove. Column events include OnColumnCreate, OnColumnUpdate, OnColumnDelete, and OnColumnReorder. The SelectedCardChanged callback fires when the user clicks a card and the selection changes.
Each event argument provides contextual data: the affected Item, the OriginalItem (available on update events for comparing old and new values), and an IsCancelled flag that prevents the default action when set to true. The demo includes configurator options to cancel create, update, delete, move, and reorder events individually and observe how cancellation works.
To handle events, assign the corresponding callback parameters directly on the TelerikTaskBoard component. Use @bind-SelectedCard or the SelectedCard and SelectedCardChanged pair to track the currently selected card in application state. Enable ColumnReorderable to allow drag-and-drop column reordering and receive OnColumnReorder notifications.