• 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 Selection in ASP.NET Core Gantt Control

This sample showcases the selection feature in the Gantt Chart. It allows highlighting rows or cells.

DEMO
SOURCE
Enable Hover
Selection Mode
Selection Type
Toggle Selection

In this demo sample, the selection functionality in the Gantt Chart. The selection type can be configured using the selectionSettings.type property:

  • Single - Allows selection of a single row or cell.
  • Multiple - Enables selection of multiple rows or cells using Ctrl + click.

The selection mode is set using the selectionSettings.mode property: They are:

  • Row - Allows selection of entire rows.
  • Cell - Allows selection of individual cells.
  • Both - Enables selection of both rows and cells simultaneously.

Toggle selection is supported through the selectionSettings.enableToggle property, which allows deselecting a selected item by clicking it again.

The enableHover highlights the current row, header cell, and timeline cell on mouse hover, improving visual feedback during interaction.

More information on the Essential® ASP.NET Core Gantt Chart can be found in this documentation section.

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