We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Display striplines in Blazor Gantt


Is it possible to use strip line in Blazor Gantt as in this example for jQuery Gantt component:

Thanks, best regards

3 Replies 1 reply marked as answer

MS Monisha Sivanthilingam Syncfusion Team June 2, 2022 06:55 AM UTC

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.




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





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

    width: 1px;

    border-left: 2px red dotted;




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



Marked as answer

YU Yunus June 2, 2022 11:49 AM UTC

Hi Monisha,

It works great. Thanks for helping out. 

Kind regards

MS Monisha Sivanthilingam Syncfusion Team June 3, 2022 06:47 AM UTC

Hi Yunus,

You are welcome.

Please contact us if you require any further assistance.



Live Chat Icon For mobile
Up arrow icon