• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Toolbar Template in ASP.NET Core Gantt Chart Control

This sample explains the way of rendering built-in and custom toolbar items at the same time.

DEMO
SOURCE

Custom toolbar items can be added by defining the toolbar as a collection of ItemModels. Actions for this customized toolbar items are defined in the toolbarClick event.

In this sample, the custom toolbar element Quick Filter and Clear Filter are rendered along with predefined toolbar items ExpandAll and CollapseAll. While clicking the Quick Filter toolbar item, the filtering occurs for Task Namecolumn.Filtered column that can be cleared using the Clear Filter toolbar item.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab