New to Kendo UI for Angular? Start a free 30-day trial
AllDayEventTemplateDirective
Use this directive to customize the content of all-day events in the Scheduler.
To define an all-day event template, nest an <ng-template>
tag with the kendoSchedulerAllDayEventTemplate
directive inside the
<kendo-scheduler>
, <kendo-scheduler-day-view>
, or <kendo-scheduler-week-view>
component (see example).
The available fields in the template context are:
event
—The event that is associated with the item.resources
—The resources of the event.
html
<kendo-scheduler-day-view>
<ng-template kendoSchedulerAllDayEventTemplate let-event="event" let-resources="resources">
<!-- custom all-day event -->
</ng-template>
</kendo-scheduler-day-view>
Selector
[kendoSchedulerAllDayEventTemplate]