Our powerful JS Calendar component


Post by orthobridge »

Hi,

Now we've got customers using it actively, we've got a couple of requirements in calendar time-ranges (a feature I originally sponsored ;-).

Extend the width of each timerange section (e.g. 80% of column)
Retain the original colouring (rather than a faded colour)
When we add calendar events in a time-range, that the event draws from the left - overwriting the visible timerange section - basically using the full width.

Any guidance or examples most appreciated
John


Post by Animal »

Here is a ticket to track this request: https://github.com/bryntum/support/issues/9688


Post by Animal »

There are already a few options you could tune:

https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView#config-eventLayout

Which is a https://bryntum.com/products/calendar/docs/api/Calendar/layout/day/FluidDayLayout#configs

And has these options:

Screenshot 2024-07-29 at 16.16.50.png
Screenshot 2024-07-29 at 16.16.50.png (512.01 KiB) Viewed 180 times

And https://bryntum.com/products/calendar/docs/api/Calendar/feature/TimeRanges#config-headerWidth

Screenshot 2024-07-29 at 16.13.34.png
Screenshot 2024-07-29 at 16.13.34.png (618.29 KiB) Viewed 180 times

Post by orthobridge »

Quality. Will give it a go.

Thanks Animal


Post Reply