Hide All-Day Row in Day View (Scheduler)

[Nitin P]

I would like to hide the marked part (I think it's called as All-Day Row) in "Day" view in Scheduler control. I could not find any solution in EJ2 documentation.

[Vijay Ravi]

Hi Nitin P,
 

You have achieved your requirement by overriding the default styles of the scheduler. Refer the below shared code snippet to achieve this remove header only for day view.

[index.cshtml]

@using Syncfusion.EJ2.Schedule

 

<ejs-schedule id="schedule" height="550" cssClass="header-schedule" >

 

</ejs-schedule>

<style>
.header-schedule.e-schedule .e-day-view .e-header-cells {

  padding: unset;

  display: none;

}

 

.header-schedule.e-schedule .e-day-view .e-date-header-wrap table tbody td.e-resource-cells {

  border-bottom: unset;

}
</style>

Regards,

Vijay Ravi

Don't hesitate to get in touch if you require further help or more information.

Regards,

Vijay