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

EventOverviewTemplateDirective

Directive

Represents the template directive for customizing the content of the Scheduler Event Overview popover. To define the template, nest an <ng-template> tag with the kendoSchedulerEventOverviewTemplate directive inside the <kendo-scheduler> tag.

The template replaces the default body content of the popover. The popover title and action buttons are preserved.

The template context is set to the clicked event and the following additional fields are passed:

event—The clicked SchedulerEvent. Represents the default context that will be assigned to any template variable which utilizes the let-x syntax—for example, let-event.
dataItem—The original data item of the clicked event.
start—The start date of the clicked event.
end—The end date of the clicked event.
isAllDay—Indicates whether the clicked event is an all-day event.

Definition

Package:@progress/kendo-angular-scheduler

Selector:[kendoSchedulerEventOverviewTemplate]

Syntax:

html

<kendo-scheduler [eventOverview]="true">
  <ng-template kendoSchedulerEventOverviewTemplate let-event let-dataItem="dataItem" let-start="start" let-end="end">
    <p>{{ start | kendoDate: 't' }} - {{ end | kendoDate: 't' }}</p>
    <p>{{ event.description }}</p>
  </ng-template>
</kendo-scheduler>