Timeslot row height in weekview

I am trying to set the row height of the timeslot in the week view of the scheduler.


I am setting  

<style>

            .schedule-cell-dimension.e-schedule .e-vertical-view .e-time-cells-wrap table td,

            .schedule-cell-dimension.e-schedule .e-vertical-view .e-work-cells {

                height: 50px !important;

            }

            .schedule-cell-dimension.e-schedule .e-month-view .e-work-cells {

                height: 50px !important;

            }

</style>


But it has no effect on the row height.


Please point me in the right direction.


Thanks



3 Replies 1 reply marked as answer

RM Ruksar Moosa Sait Syncfusion Team April 18, 2022 10:01 AM UTC

Hi Tech(Dave),

You can set the height of the timeslot row by overwriting the default CSS like the below code snippet.


<style>

    .e-schedule .e-vertical-view .e-time-cells-wrap table td {

        height: 100px;

    }

    .e-schedule .e-vertical-view .e-work-cells {

        height: 100px;

    }

</style>


Output:

Graphical user interface, application

Description automatically generated


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


Regards,

Ruksar Moosa Sait


Attachment: TimeslotRowHeight_aa4780dd.zip

Marked as answer

T( Tech (Dave) April 19, 2022 01:50 PM UTC

Thanks that works




VM Vengatesh Maniraj Syncfusion Team April 20, 2022 03:29 AM UTC

Hi Tech(Dave),


You are most welcome!!!

We are happy that our solution has worked for you.

Please get in touch with us if you need any further assistance.


Regards,

Vengatesh 


Loader.
Up arrow icon