TaskBoard Editing

Updated on May 12, 2026

The TaskBoard allows users to make changes to Cards and Columns. This article describes the available features and how to set them up.

The built-in TaskBoard editing includes setting the following Card and Column model properties:

• Title of existing or new Columns
• Title, Description, and Priority of existing or new Cards

TaskBoard templates can enable users to edit additional Card and Column properties.

Drag-and-drop in the TaskBoard changes specific Card and Column properties without user typing.

Model Requirements

Adding or editing TaskBoard Cards and Columns sets the following requirements:

• The TaskBoard Card and Column model classes must have a parameterless constructor.
• All editable properties must be public and have setters. These properties must not be readonly.

Card Operations

The built-in Card edit operations depend on action buttons and TaskBoard events.

Buttons

Users can edit or delete Cards by clicking action buttons in the Card headers. To add new Cards to a given TaskBoard Column, users can click a button in the Column header.

The Add, Edit, and Delete buttons render by default. You can control their visibility through the Buttons parameters of TaskBoardCardSettings and TaskBoardColumnSettings.

Enable adding, editing, and deleting Cards (default)

RAZOR

<TelerikTaskBoard>
    <TaskBoardSettings>
        <TaskBoardCardSettings Buttons="@(TaskBoardCardButtons.EditCard | TaskBoardCardButtons.DeleteCard)" />
        <TaskBoardColumnSettings Buttons="@(TaskBoardColumnButtons.AddCard)" />
    </TaskBoardSettings>
</TelerikTaskBoard>

Disable adding, editing, and deleting Cards

RAZOR

<TelerikTaskBoard>
    <TaskBoardSettings>
        <TaskBoardCardSettings Buttons="@(TaskBoardCardButtons.None)" />
        <TaskBoardColumnSettings Buttons="@(TaskBoardColumnButtons.None)" />
    </TaskBoardSettings>
</TelerikTaskBoard>

Events

Handle the following TaskBoard events in order to perform Card CRUD operations (create, update, delete):

• OnCardCreate
• OnCardDelete
• OnCardUpdate

Edit Pane Position

The TaskBoard PanePosition enum parameter determines the Card edit form placement. The default value is TaskBoardPanePosition.End, which is on the right side in left-to-right interfaces.

RAZOR

<TelerikTaskBoard PanePosition="@TaskBoardPanePosition.End" />

Column Operations

The built-in Column edit operations depend on action buttons and TaskBoard events.

Buttons

Users can edit or delete Columns by clicking actions in the Column headers. To add a new TaskBoard Column, users can click a button in the TaskBoard toolbar.

The Add, Edit, and Delete actions render by default. You can control their visibility through Buttons parameters of TaskBoardCardSettings and TaskBoardColumnSettings.

Enable adding, editing, and deleting Columns (default)

RAZOR

<TelerikTaskBoard>
    <TaskBoardSettings>
        <TaskBoardColumnSettings Buttons="@(TaskBoardColumnButtons.EditColumn | TaskBoardColumnButtons.DeleteColumn)" />
    </TaskBoardSettings>
    <TaskBoardToolBar>
        <TaskBoardToolBarAddColumnTool />
    </TaskBoardToolBar>
</TelerikTaskBoard>

Disable adding, editing, and deleting Columns

RAZOR

<TelerikTaskBoard>
    <TaskBoardSettings>
        <TaskBoardColumnSettings Buttons="@(TaskBoardColumnButtons.AddCard)" />
    </TaskBoardSettings>
    <TaskBoardToolBar>
    </TaskBoardToolBar>
</TelerikTaskBoard>

Events

Handle the following TaskBoard events in order to perform Column CRUD operations (create, update, delete):

• OnColumnCreate
• OnColumnDelete
• OnColumnUpdate

Confirm Delete Operations

By default, the TaskBoard requires users to confirm Card and Column delete operations. To delete Cards and Columns immediately without a confirmation, set the TaskBoard ConfirmDelete parameter to false.

RAZOR

<TelerikTaskBoard ConfirmDelete="false" />

Next Steps

• Use TaskBoard templates
• Manage TaskBoard state
• Handle TaskBoard events

See Also

• TaskBoard Live Demos
• TaskBoard API Reference