Our powerful JS Calendar component


Post by tornikezhizh »

Hello, I would like to know if there is anything to modify default 1 hour increment(Interval Sizes) of Calendar, like pointed out in screenshot. I want to make it customizable, So it Will display intervals based on Preferences, which User chooses.
I want to change this sizes dynamically if possible

Bryntum Calendar _ Bryntum Calendar.png
Bryntum Calendar _ Bryntum Calendar.png (112.44 KiB) Viewed 534 times

Post by marcio »

Hello tornikezhizh,

You can use https://www.bryntum.com/docs/calendar/api/Scheduler/data/TimeAxis#config-generateTicks to customize the timeaxis as you want, you can check this demo to see in action https://bryntum.com/examples/scheduler/timeaxis/

Best regards,
Márcio


Post by tornikezhizh »

Hi, Thanks for your reply .
I don't use scheduler, I use Calendar like in the screenShot, so Intervals are vertically incremented, In every example of schedulers , which I saw, intervals are horizontally, So I want to remain design and everything like I already have, just resize cells


Post by marcio »

Oh, I see, sorry. So, for dayView (and similars) you can use this property https://www.bryntum.com/docs/calendar/api/Calendar/widget/DayView#config-increment

Best regards,
Márcio


Post by tornikezhizh »

I think it doesn't help me or maybe I do it incorrectly?

Attachments
Bryntum Calendar _ Bryntum Calendar.png
Bryntum Calendar _ Bryntum Calendar.png (95.98 KiB) Viewed 527 times

Post by tornikezhizh »

I tried writing '15 minutes' like in the example, still no changes


Post by Animal »

If I understand correctly, you want to change the row height at which the 15 minute interval label is shown or hidden.

This is the config: https://www.bryntum.com/docs/calendar/api/Calendar/widget/DayView#config-hourHeightBreakpoints

The increment config is the granularity for snapping during dragging and resizing.


Post by Animal »

Or, from another read of the post, if you want to change the initial hour height, then this: https://www.bryntum.com/docs/calendar/api/Calendar/widget/DayView#config-hourHeight

The user can also zoom in or out using CTRL+mousewheel

zoom.gif
zoom.gif (555.2 KiB) Viewed 510 times

Post by tornikezhizh »

Yes that's it, probably it will help me. just one more thing, I don't use dayviews or similars, I have custom modes for day,week, month views and pass it to calendar's modes property. What Should I do in this case?


Post by Animal »

I don't understand. You have written complete calendar widgets, and use them instead of Bryntum ones?


Post Reply