Custom Toolbar Items

Sunday, 11
Monday, 12
12:00 AM
6:00 AM
12:00 PM
6:00 PM
12:00 AM
6:00 AM
12:00 PM
6:00 PM
Install New Router in Dev Room
10:00 AM - 12:30 PM
Upgrade Personal Computers
1:00 PM - 3:30 PM
Book Flights to San Fran for Sales Trip
Jan 12 12:00 AM - Jan 13 12:00 AM
Website Redesign Plan
9:30 AM - 12:00 PM
New Brochures
1:30 PM - 3:15 PM
Scheduler that displays the time period January 11, 2026 through January 12, 2026. 5 appointments available.

The DevExpress Blazor Scheduler component allows you to add predefined (standard) and custom toolbar buttons/items to your application (this demo includes a custom ScaleDuration button group with custom buttons).

To add predefined toolbar items/buttons, add the following objects to the ToolbarItems tag:

To add custom buttons in your DevExpress-powered Blazor app, declare a DxToolbarItem object and handle its Click event to execute custom commands. In this demo, the ScaleDuration button group consists of custom buttons.

Both predefined and custom toolbar items support base functionality – you can change item position, create button groups, assign icons, etc. Refer to the following class description for additional information and examples: DxToolbarItem.