Our pure JavaScript Scheduler component


Post by pkerstenplanon »

We want to use the header summary where we show years with months and a summary of a year. but it seems that in combination with the setTimeSpan it draws a lot of lines and not showing the summary propery as a year but as days.

it can be reproduced in the online example at:
https://bryntum.com/products/scheduler/examples/header-summary/
by changing the header units in the examle to year, month and year and adding the following line:

scheduler.setTimeSpan(new Date(new Date().getFullYear() - 20, 0, 1), new Date(new Date().getFullYear() + 50, 0, 1))


Post by tasnim »

Hi,

Can you please share a video of reproduction so we can understand the issue better?


Post by pkerstenplanon »

For extra clarification. We use the setTimeSpan to limit where our users can scroll to (-20 year + 70 year from today) But using setTimeSpan ic with the 3 headers it doesnt work.

Ill see if I can whip up a video. But in pictures: The first one is what I expect. But the second picture shows the issue when uncommenting setTimeSpan.

correct.jpeg
correct.jpeg (141.4 KiB) Viewed 88 times
incorrect.jpg
incorrect.jpg (238.04 KiB) Viewed 88 times

Post by tasnim »

Hi,

You can adjust the tick size to get your expected behavior https://bryntum.com/products/calendar/docs/api/Scheduler/view/mixin/TimelineEventRendering#config-tickSize

new Scheduler({
	...
	tickSize : 300
})

Best of luck :),
Tasnim

Attachments
Screenshot 2024-03-20 183359.png
Screenshot 2024-03-20 183359.png (62.51 KiB) Viewed 70 times

Post Reply