Custom Toolbar Items

Monday, 12
Tuesday, 13
12:00 AM
6:00 AM
12:00 PM
6:00 PM
12:00 AM
6:00 AM
12:00 PM
6:00 PM
Book Flights to San Fran for Sales Trip
Oct 12 12:00 AM - Oct 13 12:00 AM
Website Redesign Plan
9:30 AM - 12:00 PM
New Brochures
1:30 PM - 3:15 PM
Approve Personal Computer Upgrade Plan
10:00 AM - 1:00 PM
Final Budget Review
2:00 PM - 4:30 PM
Scheduler that displays the time period October 12, 2026 through October 13, 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.