New to Telerik UI for Blazor? Download Free 30-day trial
TaskBoard - Templates
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
meridian
Column Header and Card Body Templates
Marie Bertrand
Representing the company at the annual HR summit. Prepare a short summary of key takeaways.
Discuss partnership opportunities and review the proposal sent last week.
Align on the upcoming budget cycle and present the department forecast.
Junior Researcher candidate. Review resume beforehand and prepare competency questions.
Bob McKenna
Team building event at Sunrise Lanes. Confirm lane reservations and headcount by Friday.
Annual check-up and vaccination boosters for Max. Remember to bring the vaccination booklet.
Clarify the revised deadlines and agree on the scope for the next sprint.
Scheduled maintenance at the dealership. Might come in later — heads up already sent to the team.
Antonio Moreno
Sync on the client onboarding status and address any blockers before end of week.
The old unit jams frequently and is out of toner. Coordinate with facilities for the swap.
Review the last sprint: what went well, what to improve, and action items for the next cycle.
Compile performance metrics and submit to management before the 9 AM deadline.
Card Template and Edit Pane Template
Representing the company at the annual HR summit.
Discuss partnership opportunities and review the proposal.
Team building event at Sunrise Lanes.
Clarify the revised deadlines and agree on the next sprint scope.
Sync on client onboarding status and address blockers.
Review the last sprint and capture action items.
- Templates.razor
Description
The Blazor TaskBoard provides templates to fully customize the rendering of columns and cards. The ColumnHeaderTemplate replaces the default column header and receives a context with the raw column data item, its runtime state, and command methods. The CardTemplate overrides the entire card layout with a typed model context and command methods. The EditPaneTemplate replaces the content area inside the card edit pane while preserving the built-in header; the built-in Save and Cancel buttons are hidden so the template can provide its own.
This demo combines all three templates to display column avatar images, card date fields, and a custom pane content area with a formatted date range summary.