New to Kendo UI for AngularStart 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]

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