New to Kendo UI for AngularStart a free 30-day trial

MultiWeekViewComponent

Represents the component that renders the Multi-Week view in the Scheduler.

html
<kendo-scheduler>
    <kendo-scheduler-multi-week-view></kendo-scheduler-multi-week-view>
</kendo-scheduler>

Selector

kendo-scheduler-multi-week-view

Inputs

NameTypeDefaultDescription

adaptiveSlotHeight

boolean

false

Enables adaptive slot height. Increases the slot group (row) height when containing events up to the number of displayed events and reduces its height if there are fewer events for that slot group (row) (see example).

eventClass

(args: EventStyleArgs) => any

Defines a function that is executed for every event in the view. The function returns a value which is supported by ngClass.

eventHeight

number | "auto"

Sets the height of the rendered events. If set to 'auto', the height is based on the event content (see example).

When set to 'auto', it automatically sets the adaptiveSlotHeight property to true.

eventsPerDay

number | "auto"

2

Sets the number of events to render per day. If set to 'auto', all events display in the slot. If set to 0, it normalizes to 1 (see example).

When set to 'auto', it automatically sets the adaptiveSlotHeight property to true.

eventStyles

(args: EventStyleArgs) => any

Defines a function that is executed for every event in the view. The function returns a value which is supported by ngStyle.

highlightOngoingEvents

boolean | OngoingEventsSettings

Specifies the settings for the ongoing events highlight of the Scheduler.

numberOfWeeks

number

6

Sets the number of weeks to render in the view.

selectedDateFormat

string

'{0:D} - {1:D}'

Sets the long-date format for the selected date in the Scheduler toolbar. For more information, see Parsing and Formatting Dates and Numbers.

selectedShortDateFormat

string

'{0:d} - {1:d}'

Sets the short-date format for the selected date in the Scheduler toolbar. For more information, see Parsing and Formatting Dates and Numbers.

showToolbar

boolean

Specifies whether to display the toolbar of the Scheduler.

slotClass

(args: SlotClassArgs) => any

Defines a function that is executed for every slot in the view. The function returns a value which is supported by ngClass see example.

Fields

NameTypeDefaultDescription

name

string

'multiWeek'

The invariant name for this view.

In this article
SelectorInputsFields
Not finding the help you need?
Contact Support