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

GroupHeaderTemplateDirective

Directive

Use this directive to customize the resource group header in Day, Week, and Timeline views of the Scheduler.

To defina a group header template, nest an <ng-template> tag with the kendoSchedulerGroupHeaderTemplate directive inside the <kendo-scheduler>, <kendo-scheduler-day-view>, <kendo-scheduler-week-view>, <kendo-scheduler-timeline-view>, <kendo-scheduler-timeline-week-view>, or <kendo-scheduler-timeline-month-view> component (see example).

The available fields in the template context are:

resource—The resource item.

Definition

Package:@progress/kendo-angular-scheduler

Selector:[kendoSchedulerGroupHeaderTemplate]

Syntax:

html

<kendo-scheduler-timeline-view>
  <ng-template kendoSchedulerGroupHeaderTemplate let-resource="resource">
    <!-- custom group header -->
  </ng-template>
</kendo-scheduler-timeline-view>