How can i set the DateHeader invisible? or set height to 0

Hello,

i use the scheduler in day view and i dont need the dateheader row. It takes much place that i need for appointments. s. image

How can i NOT show the dateheader? 

Just like ShowHeaderBar="false" or something?



Thanks for help!

Thomas



3 Replies

RM Ruksar Moosa Sait Syncfusion Team July 15, 2022 12:29 PM UTC

Hi Thomas,


Greetings from Syncfusion support.


You can hide the date header of the day view by overwriting the default Schedule CSS class like the below code.


<style>

    .e-schedule .e-day-view .e-left-indent-wrap,

    .e-schedule .e-day-view .e-date-header-container {

        display: none;

    }

</style>


Output:

Graphical user interface

Description automatically generated with medium confidence


Kindly try the attached sample and let us know if this meets your requirement


Regards,

Ruksar Moosa Sait


Attachment: DayViewCustomization_12558a6d.zip


TS Thomas Steschulat July 20, 2022 07:06 AM UTC

HI Ruksar,

this helped me out!. Perfect.


Thank you!

Thomas



RV Ravikumar Venkatesan Syncfusion Team July 21, 2022 05:36 AM UTC

Hi Thomas,


Thanks for the update.


We are happy that our solution helped you to achieve your requirement.


Regards,

Ravikumar Venkatesan


Loader.
Up arrow icon