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

GroupHeaderTemplate

configuration

The template used to render the group headers of scheduler day, week, workWeek and timeline views.

The fields which can be used in the template are:

text String - the group text
color String - the group color
value - the group value
field String - the field of the scheduler event which contains the resource id
title String - the 'title' option of the resource
name String - the 'name' option of the resource

groupHeaderTemplate

String|Function

<script id="groupHeaderTemplate" type="text/x-kendo-template">
  <strong style="color: #=color#">#=text#</strong>
</script>
<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  groupHeaderTemplate: $("#groupHeaderTemplate").html(),
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      isAllDay: true,
      title: "Interview",
      attendees: [1,2]
    }
  ],
  group: {
    resources: ["Attendees"],
    orientation: "horizontal"
  },
  resources: [
    {
      field: "attendees",
      name: "Attendees",
      dataSource: [
       { value: 1, text: "Alex" },
       { value: 2, text: "Bob" }
      ],
      multiple: true
    }
  ]
});
</script>