Adaptive Slot Height

By default the KendoReact 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 style property, or configure the maximum number of items in a MonthView through the itemsPerSlot.

The following example demonstrates the above properties in action:

Example
View Source
Edit In Stackblitz  
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:

  • style.heightIn 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:

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?