Adaptive Slot Height

By default the Kendo UI for Vue SchedulerViewSlot component adapts itself to fit all items inside it.

You can further set the minimum height of a slot through the minHeight of the slotStyle prop, or configure the maximum number of items in a MonthView through the itemsPerSlot.

The following example demonstrates the above properties in action:

Constant Slot Height

In order to disable the adaptive slot height and provide a constant height for the slots, set the following properties to the SchedulerViewSlot:

• slotStyle.height In order to set the height of a single slot, and
• expandable="false"—In order to disable the auto-expansion when more items fit in the slot.

The slots have minHeight of 75px by default.

The following example demonstrates disabling the adaptive slot height:

Suggested Links

• API Reference of the Scheduler
• Scheduler Slot Customization
• Scheduler Item Customization
• Auto Item Height