how to increase time slot height in "resourceTimeGridDay" ? about calendar HOT 4 CLOSED

thank you, it works.

from calendar.

There is currently no way to change the height of the slots. But there is an easy way to show all event content on mouseover.

All it takes is just this CSS rule:

.ec-event:hover {
  height: auto !important;
  z-index: 999 !important;
}

See an example here.

from calendar.

Thanks for your answer, do you have solution on mobile ?

from calendar.

The :hover CSS selector should work on mobile too if you tap the event.

You can also try to set the slotDuration option of EventCalendar to a smaller value (default is 00:30:00) so that events take up more space. E.g. with slotDuration: '00:15:00' events will double in size.

from calendar.