Display striplines in Blazor Gantt

[Yunus]

Hi,

Is it possible to use strip line in Blazor Gantt as in this example for jQuery Gantt component:
https://www.syncfusion.com/kb/4810/how-to-render-striplines-in-the-gantt

Thanks, best regards

[Monisha Sivanthilingam]

Hi Yunus,

Greetings from Syncfusion support.

Yes, we have support to display event markers in the Gantt Chart. They can be initialized using the GanttEventMarkers property. You can use the Day and Label properties to define the date and label for them. You can also use the CssClass property to customize them. The below code snippets demonstrate the solution.

Index.razor

 

<GanttEventMarkers>

  <GanttEventMarker Day="@Event" Label="Project approval and kick-off" CssClass="e-custom-event-marker"></GanttEventMarker>

</GanttEventMarkers>

 

 

<style>

  .e-gantt .e-gantt-chart .e-custom-event-marker {

    width: 1px;

    border-left: 2px red dotted;

  }

</style>

 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/175385-1727817590

For more information about event markers in Gantt Chart, please refer to our Online Documentation and Demos.

Online Documentation: https://blazor.syncfusion.com/documentation/gantt-chart/event-markers

Demos: https://blazor.syncfusion.com/demos/gantt-chart/eventmarkers?theme=fluent

Regards,

Monisha.

[Yunus]

Hi Monisha,

It works great. Thanks for helping out. 

Kind regards

[Monisha Sivanthilingam]

Hi Yunus,

You are welcome.

Please contact us if you require any further assistance.

Regards,

Monisha.