Page 1 of 1

[REACT] Configure the Time Headers on the Calendar

Posted: Tue Mar 21, 2023 1:13 pm
by niranjan

Can the time span show on the calendar configured to show duration of 15 minutes or 30 mins instead of the default 1 hour spans?


Re: [REACT] Configure the Time Headers on the Calendar

Posted: Tue Mar 21, 2023 3:21 pm
by Animal

It shows what there is room to show.

If you configure the hourHeight larger (Or use CTRL+mousewheel) to zoom in which makes the hourHeight larger, it shows more ticks:

Screenshot 2023-03-21 at 14.19.59.png
Screenshot 2023-03-21 at 14.19.59.png (13.74 KiB) Viewed 282 times

Re: [REACT] Configure the Time Headers on the Calendar

Posted: Tue Mar 21, 2023 3:27 pm
by niranjan

Ho do I set the hourHeight value?
Do I pass it as prop to <BryntumCalendar /> wrapper?
It did not work though.


Re: [REACT] Configure the Time Headers on the Calendar

Posted: Tue Mar 21, 2023 3:38 pm
by Animal

it's a config of the DayView class, not of the overall Calendar class

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

So either configure it into the day or week mode configs directly.

Or set it in modeDefaults of the Calendar so it gets configured into the modes (Ones which don't have it will just ignore it): https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-modeDefaults


Re: [REACT] Configure the Time Headers on the Calendar

Posted: Thu Mar 23, 2023 7:58 am
by niranjan

It worked.
Thanks.