Blazor Gantt Chart Example - Context Menu Integration

This sample demonstrates the context menu feature in the Blazor Gantt Chart, which enables quick actions by right clicking anywhere within the chart or grid area.

The default context menu items are rendered by setting the EnableContextMenu property to true.

When right clicking on the grid header, the following options are available:

• AutoFitAll - Auto fit all columns.
• AutoFit - Auto fit the current column.
• SortAscending - Sort the current column in ascending order.
• SortDescending - Sort the current column in descending order.

When right clicking on the grid or chart content, the following options are available:

• TaskInformation - Edit the current record.
• DeleteTask - Delete the current record.
• Save - Save changes (visible during edit mode).
• Cancel - Cancel changes (visible during edit mode).
• DeleteDependency - Delete the dependency of the current record.
• Convert - Convert the normal task into a milestone task and vice versa.
• Add
  • Above - Add a new row above the selected row
  • Below - Add a new row below the selected row
  • Child - Add a new row as a child to the selected row
  • Milestone - Add a milestone task below to the selected row

Both default and custom context menu items can be configured using the ContextMenuItems property.

The toolbar provides built-in options for add, update, delete, expand, and collapse operations, enabling interactive task management.

For further details, refer to the documentation.