New to Telerik UI for Blazor? Download Free 30-day trial
TaskBoard - Configuration
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
meridian
Board
Column Buttons
Card Buttons
Bring Into View
Create 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
Update on-page SEO across the product blog
Review the checkout and onboarding experience
Publish the updated content plan for Q3
- Configuration.razor
Description
The Telerik UI for Blazor TaskBoard provides a rich set of configuration parameters that control board behavior, column capabilities, card interaction, and priority display.
This demo showcases the Configuration options through an interactive configurator panel. The Enabled parameter disables the entire board when set to false, while CardDraggable controls whether cards can be moved between columns by dragging. Setting ColumnReorderable to true allows users to drag and drop columns into a different order. The ConfirmDelete parameter toggles a confirmation dialog before card or column removal.
Column header buttons are configured via the TaskBoardColumnSettings child component using the Buttons flags enum (EditColumn, AddCard, DeleteColumn). Card action buttons are controlled similarly through TaskBoardCardSettings.Buttons (EditCard, DeleteCard). Combine flag values with the bitwise OR operator, or set None to hide all buttons.
Card priorities are defined through the Priorities parameter — a list of TaskBoardCardPriority objects, each specifying a Value matched against the CardPriorityField, a Color for the priority indicator, and an optional Text label shown in the edit dropdown. The demo also demonstrates BringIntoView and BringColumnIntoView, which programmatically scroll the board to bring a specific card or column into the visible area.