# Multi-Week View

A Scheduler with a **Multi-Week** view allows a user to view and manage their schedule over a period of multiple weeks.

## Configuration

The **Multi-Week** view provides the following common settings:

* [`numberOfWeeks`](https://www.telerik.com/kendo-angular-ui-develop/components/scheduler/api/multiweekviewcomponent#numberofweeks)—Defines the number of weeks that will be displayed.
* [`eventHeight`](https://www.telerik.com/kendo-angular-ui-develop/components/scheduler/api/multiweekviewcomponent#eventheight)—Represents the height of each event.
* [`eventsPerDay`](https://www.telerik.com/kendo-angular-ui-develop/components/scheduler/api/multiweekviewcomponent#eventsperday)—Sets the number of events to be rendered in a day slot.
* [`adaptiveSlotHeight`](https://www.telerik.com/kendo-angular-ui-develop/components/scheduler/api/multiweekviewcomponent#adaptiveslotheight)—Determines whether the slots will adapt their height to the number of displayed events.

For the full list of configuration options, refer to the [MultiWeekViewComponent](https://www.telerik.com/kendo-angular-ui-develop/components/scheduler/api/multiweekviewcomponent).

The starting week period is determined by the [selectedDate](https://www.telerik.com/kendo-angular-ui-develop/components/scheduler/api/schedulercomponent#selecteddate) option of the `SchedulerComponent`. If the `selectedDate` is not set, the current date is used.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/scheduler/views/multi-week/config/source.txt)

> For configuration options shared across all views (current time marker, ongoing event highlighting, first day of week), see [View Features](https://www.telerik.com/kendo-angular-ui-develop/components/scheduler/views/view-features).

### Configuring the Height of the Scheduler Events

By setting a specific number value to the `eventHeight` property, you can configure a desired fixed height that will apply to all events in the Scheduler.

The **Multi-Week** view of the component also enables you to automatically adapt the height of each event based on its content by setting `eventHeight` to `'auto'`.

> When the `eventHeight` property is set to `'auto'`, the `adaptiveSlotHeight` property will be automatically set to `true`.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/scheduler/views/multi-week/config/event-height/source.txt)

### Setting the Number of Events per Day

You can specify the maximum number of events to be rendered per day slot by setting a particular number value to the `eventsPerDay` property. If you set this property to `'auto'`, all events will be displayed for the respective slot.

> When the `eventsPerDay` property is set to `'auto'`, the `adaptiveSlotHeight` property will be automatically set to `true`.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/scheduler/views/multi-week/config/events-per-day/source.txt)

### Enabling the Adaptive Slot Height of the Scheduler

By default, the height of the Scheduler slots is not adaptive. To configure the height of each slot group (row) to adapt to the maximum number of displayed events, set the `adaptiveSlotHeight` property to `true`.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/scheduler/views/multi-week/config/adaptive-slot-height/source.txt)

## Suggested Links

* [Scheduler Resources and Grouping](https://www.telerik.com/kendo-angular-ui-develop/components/scheduler/resources-grouping)
* [API Reference of the SchedulerComponent](https://www.telerik.com/kendo-angular-ui-develop/components/scheduler/api/schedulercomponent)