Different Editing Modes In Blazor Gantt Charts

Sample date Updated on Sep 13, 2025
blazor-gantt-chart dialog-editor editing-modes inline-editor

This sample explains about how to edit tasks using the taskbar and how to edit predecessors. You will also learn how to enable the toolbar and perform add operations with new row positions. Finally, it explains how to enable deleting and how to edit using the context menu in Gantt Chart.

Watch the video: https://www.syncfusion.com/tutorial-videos/blazor/gantt-chart?title=different-editing-modes-in-blazor-gantt-charts

Documentation: https://blazor.syncfusion.com/documentation/gantt-chart/getting-started/#enable-editing

Online example: https://blazor.syncfusion.com/demos/gantt-chart/editing

Prerequisites

  • Visual Studio 2022

How to run the project

  • Checkout this project to a location in your disk.
  • Open the solution file using the Visual Studio 2022.
  • Restore the NuGet packages by rebuilding the solution.
  • Run the project.

Further help

For more help, check the [ASP.NET Core Blazor documentation] (https://docs.microsoft.com/en-us/aspnet/core/blazor).

Up arrow