• Material 3
  • Bootstrap 5
  • Fluent 2
  • Tailwind CSS
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Event Markers in ASP.NET Core Gantt Control

This sample demonstrates how to highlight and notify important dates within a project timeline using the Gantt Chart component.

DEMO
SOURCE

In this example, eventMarkers act as visual bookmarks to indicate key milestones or stages in the project life cycle. Each marker can display descriptive text on the corresponding date, making it easier to track progress and deadlines.

The Event Markers provides several properties to customize the appearance and behavior of markers:

  • cssClass: Apply custom CSS styles to a specific marker.
  • day: Define the exact date for the event marker.
  • label: Display text along the vertical line to describe the event.
  • top: Adjust the vertical position of the marker from the chart pane's content top to avoid overlap when multiple markers share the same date.


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
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab