1. Home
  2. Forum
  3. Blazor
  4. Add Solid Lines to Separate Weeks in Gantt Chart

Add Solid Lines to Separate Weeks in Gantt Chart

Hi Syncfusion Team,

Is there a quick way we can add bold solid lines to group the days in a week in Gantt chart? Something that looks like this?


Thanks!


8 Replies
RS Roy Sunga October 26, 2021 09:50 PM UTC

Hi,


May I follow up on this query please. Thanks!


MS Monisha Sivanthilingam Syncfusion Team October 27, 2021 02:53 AM UTC

Hi Denzel, 
 
Greetings from Syncfusion support. 
 
Currently, we are validating your query. We will provide you with further details within two business days(October 28, 2021). 
 
We appreciate your patience until then. 
 
Regards, 
Monisha. 


VO Volker November 1, 2021 07:44 AM UTC

hi Denzel,

you can show weekends (HighlightWeekends="true"), analyse the html-markup in developer tools and based on that inject some custom CSS. Should no be  big deal.


Cheers,
Volker


RS Roy Sunga replied to Volker November 1, 2021 12:47 PM UTC

Hi Volker,


It is not as easy as you assume it would be. The HTML structure of the Gantt chart works such that the whole chart's row resides in a single td node instead of multiple td nodes that I'm picturing it would be. Injecting custom CSS would be practically impossible since I can't single out a node where I'll apply said custom CSS to.


Regards,


RS Roy Sunga replied to Monisha Sivanthilingam November 1, 2021 12:51 PM UTC

Hi Monisha,


Following up on this query please. Please provide feedback if you need additional time in verifying my query.


Thanks!


LA Lokesh Arjunan Syncfusion Team November 8, 2021 01:22 PM UTC

Hi Denzel 
 
Sorry for the inconvenience caused. 
 
We are validating the reported query and we will update you further details within two business days(November 10th 2021). 
 
Until then we appreciate your patience. 
 
Regards, 
Lokesh 


RS Roy Sunga November 16, 2021 05:46 AM UTC

Any news on this? It's already the 16th.


AK Alagumeena Kalaiselvan Syncfusion Team November 17, 2021 08:53 AM UTC

Hi Denzel, 

Thanks for your patience. 

We have validated your query “Add solid lines to separate weeks in Gantt” and we suggest to use GanttEventMarkers property to highlight the specific event instead calculating range of weekends. So, you can define the all the weekend(Sunday) to EventMarkers Day property and apply CSS customization using EventMarkers CssClass property. We have prepared a sample for your reference which can be get from below link. 

Note: Each EventMarkers Day property accepts Single Date only. 

Please let us know, if you need further assistance. 

Regards 
Alagumeena.K 


Loader.
Up arrow icon