New to Kendo UI for Vue? Start a free 30-day trial

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:

View Source
Change Theme:

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:

View Source
Change Theme:
{% endvariant %}

In this article

Not finding the help you need?