Edit this page

allDayEventTemplate String |Function

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

Example - set the all day event template

<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>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy