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

AllDayEventTemplate

configuration

The template used to render the "all day" scheduler events.

The fields which can be used in the template are:

description String - the event description
end Date - the event end date
isAllDay Boolean - if true the event is "all day"
resources Array - the event resources
start Date - the event start date
title String - the event title

allDayEventTemplate

String|Function

<script id="event-template" type="text/x-kendo-template">
  <div>Title: #: title #</div>
  <div>Attendees:
      # for (var i = 0; i < resources.length; i++) { #
        #: resources[i].text #
      # } #
  </div>
</script>
<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  allDayEventTemplate: $("#event-template").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]
    }
  ],
  resources: [
    {
      field: "attendees",
      dataSource: [
       { value: 1, text: "Alex" },
       { value: 2, text: "Bob" }
      ],
      multiple: true
    }
  ]
});
</script>