Scheduler - Timeline Month View - Set column width

When using Timeline Month View, I would like to have the scheduler control fill the available space regardless of the number of days in the month and display the full month without a scroll bar at the bottom. 

Setting the width of the table columns to 50px achieves the appearance I want without the scrollbar. Great. The appointments however are offset in different months. For example, November the appointments appear offset but in December they look fine.

November: November offset.png

December:

December not offset.png

This is the css I have used to set the column width: 

.schedule-date-header-template .e-timeline-month-view .e-date-header-wrap table col,

.schedule-date-header-template .e-timeline-month-view .e-content-wrap table col {

    width: 50px !important;

}

If I don't have that set, I get the horrible scrollbar but the appointments line up in the correct slot. I just want the full month to be displayed, what's the solution? 


November (No css):November scrollbar.png

December (No css):

December scrollbar.png


3 Replies

VM Vengatesh Maniraj Syncfusion Team December 10, 2021 06:28 AM UTC

Hi Lee,


Greetings from Syncfusion Support.


Please check the attached sample. In this sample, the scroll bar does not appear and also the appointment is rendered in the proper slot.


November


December


Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ScheduleSample326863586


Regards,

Vengatesh



LS Lee Stevens December 16, 2021 09:14 AM UTC

Hi Vengatesh,


Thanks a lot. That seems to be working fine. 


Kind regards, Lee.



VM Vengatesh Maniraj Syncfusion Team December 17, 2021 03:39 AM UTC

Hi Lee,


You are most welcome.


Regards,

Vengatesh


Loader.
Up arrow icon