Hide Date Time Header

[Frederic]

I have a page with 2 schedulers.

I always show the first one and the second one is optional.

In order to save some space vertically, I would like to hide the DATE / TIME section on top of the second scheduler as both schedulers are using the same date so when I change the date on the top the bottom follows anyway.

[Ravikumar Venkatesan]

Hi Frederic,

Greetings from Syncfusionn support.

We have validated your requirement “I would like to hide the DATE / TIME section on top of the second scheduler” at our end. We have achieved your requirement by overriding the default Schedule CSS styles with help of the CssClass property of the Schedule as shown in the below code snippet.

[index.razor]

<SfSchedule TValue="AppointmentData" Width="100%" Height="650px" CssClass="hide-date-time-header">

</SfSchedule>

 

<style>

    .hide-date-time-header.e-schedule .e-timeline-view .e-date-header-container,

    .hide-date-time-header.e-schedule .e-timeline-month-view .e-date-header-container{

        display: none;

    }

 

    .hide-date-time-header.e-schedule .e-timeline-view .e-outer-table>tbody>tr>td.e-resource-left-td,

    .hide-date-time-header.e-schedule .e-timeline-month-view .e-outer-table>tbody>tr>td.e-resource-left-td {

        border: unset;

    }

</style>

Kindly try the shared solution and let us know if you need any further assistance on this.

Regards,

Ravikumar Venkatesan

Attachment: syncfusionblazorschedulehidedatetimeheaderssample_3f1d149f.zip