[ANGULAR] How to hide the Time Axis?

[nhinguyen3620]

Hi,

Is it possible to hide the time axis? For some of our calendars, all events are all day so we want to have more space to display these events?

Thanks!

[mats]

In week mode, or day mode you mean?

[Animal]

You can use CSS:

Screenshot 2025-04-27 at 08.40.23.png (519.34 KiB) Viewed 856 times

But it doesn't really save any space. And if events are all day, then a DayView like that would not be a user's primary view of the event flow. They'd probably use MonthView

[nhinguyen3620]

I want to hide the time-based event area (including the time axis and time-slotted events) across all calendar modes (e.g. day, week), and instead let the all-day events section expand to use that space. I’m using this CSS:

.b-dayview-day-content {
  display: none !important;
}

This hides the time-based area, but it does not give more space to the all-day events area. How can I remove the time-based UI completely while allowing the all-day events to expand into the remaining space?

[alex.l]

Hi,

Are we taking about Timeline mode? https://bryntum.com/products/calendar/examples/calendar-scheduler/

[Animal]

The allDayEvents property of the DayView has a maxHeight of 50% by default, so that if there are very many events, then when expanded, it still shares space with the time-based event area.

Try configuring it as 100% to give it authority to take up all the space vacated by the display:none content area.

[Animal]

We have a ticket to allow CalendarRow (this is used by DayView to show all day events) to be used as a mode on its own: https://github.com/bryntum/support/issues/6913

It's not on the road map now, but it is a known possible requirement.

For now, the hiding should work for you.