• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

Example of Toolbar Template in ASP.NET Core Gantt 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.