TaskBoard ToolBar

Updated on Oct 1, 2026

The TaskBoard toolbar can render built-in and custom tools. This article describes the built-in tools and shows how to add custom tools or customize the toolbar.

Built-in Tools

Tool Name	Tool Tag	Description
Add Column	<TaskBoardToolBarAddColumnTool/>	A button that appends a new TaskBoard Column to the last position and allows the user to input a Column Title. The tool fires the OnColumnCreate event. See the TaskBoardToolBarAddColumnTool API reference for the available parameters.
Search Box	<TaskBoardToolBarSearchBoxTool/>	A textbox that filters Cards by their Description with a Contains operator. See the TaskBoardToolBarSearchBoxTool API reference for the available parameters.
Separator	<TaskBoardToolBarSeparatorTool/>	A vertical line for better visualization of adjacent tools.
Spacer	<TaskBoardToolBarSpacerTool/>	Empty space that expands to occupy the available space and pushes the tools on either side as far as possible. You can use multiple spacer tools between the other tools.

Using built-in TaskBoard tools

RAZOR

<TelerikTaskBoard>
    <TaskBoardToolBar>
        <TaskBoardToolBarAddColumnTool />
        <TaskBoardToolBarSeparatorTool />
        <TaskBoardToolBarSearchBoxTool />
    </TaskBoardToolBar>
</TelerikTaskBoard>

Custom Tools

In addition to built-in tools, the TaskBoard also supports custom tools. Use the <TaskBoardToolBarCustomTool> tag and add HTML or Razor markup as child content.

Using custom TaskBoard tools

RAZOR

<TelerikTaskBoard>
    <TaskBoardToolBar>
        <TaskBoardToolBarCustomTool>
            <TelerikButton>Custom TaskBoard Button</TelerikButton>
        </TaskBoardToolBarCustomTool>
    </TaskBoardToolBar>
</TelerikTaskBoard>

Example

Example

View Source

Loading ...

Next Steps

• Set up TaskBoard Card and Column editing
• Use TaskBoard templates
• Handle TaskBoard events

See Also

• TaskBoard Live Demos
• TaskBoard API Reference