Adaptive Slot Height

Premium

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:

Change Theme

Theme

Loading ...

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.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:

Change Theme

Theme

Loading ...

Suggested Links

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