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.
|
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.