Back to Fullcalendar

eventMaxStack

_docs-v5/event-popover/eventMaxStack.md

latest2.2 KB
Original Source

For timeline view, the maximum number of events that stack top-to-bottom. For timeGrid view, the maximum number of events that stack left-to-right.

<div class='spec' markdown='1'> Number or `null`, *default*: `null` </div>

For dayGrid view, see dayMaxEventRows and dayMaxEvents.

A value of null means there is no maximum and all events are displayed.

When the number of events exceeds eventMaxStack, a rectangle is drawn that represents the hidden events. It is rendered via the more-link render hooks and executes moreLinkClick when clicked. The default click action is to show a popover with the hidden events.

Example of a more-link in timeGrid view:

<div class='split-image'> <div style='flex-grow:0'>
<div class='image-caption'>
  Default state
</div>
</div> <div style='flex-grow:0'>
<div class='image-caption'>
  With the more-popover open
</div>
</div> </div>

Example of a more-link in timeline view:

<div class='split-image'> <div style='flex-grow:0'>
<div class='image-caption'>
  Default state
</div>
</div> <div style='flex-grow:0'>
<div class='image-caption'>
  With the more-popover open
</div>
</div> </div>