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

This sample illustrates the phases of a software development project, with tasks like analysis, design, development, testing, and documentation. This also demonstrates CRUD operations in a Gantt Chart.

DEMO
SOURCE

This sample demonstrates how to fully customize the dialog editing interface in the ASP.NET Core Gantt Chart using the addDialogFields and editDialogFields properties along with additionalParams. It showcases how to override default input and grid components within each tab and organize custom fields across multiple tabs for a structured editing experience. The following tab-level customizations are included:

  • Dependency Tab - Includes additional toolbar items and improved task naming to simplify task relationship management.
  • Resource Tab - Combines resource images and names, introduces a Role column, and supports column menu options for flexible configuration.
  • Segments Tab - Enhanced with extra toolbar options for efficient segment editing and control.
  • Advanced Tab - Organizes Work and Task Mode input fields for quick access and improved clarity.

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