mobile Boolean|String (default: false)

If set to true and the scheduler is viewed on mobile browser it will use adaptive rendering.

Can be set to a string phone which will force the widget to use adaptive rendering regardless of browser type.

Important: With the mobile rendering, we recommend to set up the height option as well. Without setting an explicit height, every view of the scheduler might have a different height.

Example - enable adaptive rendering auto detect

<div id="scheduler"></div>
<script>
    $("#scheduler").kendoScheduler({
      date: new Date("2013/6/6"),
      mobile: true,
      height: 600,
      dataSource: [
        {
          id: 1,
          start: new Date("2013/6/6 08:00 AM"),
          end: new Date("2013/6/6 09:00 AM"),
          title: "Interview"
        }
      ]
    });
</script>

Example - force adaptive rendering

<div id="scheduler"></div>
<script>
    $("#scheduler").kendoScheduler({
      date: new Date("2013/6/6"),
      mobile: "phone",
      height: 600,
      dataSource: [
        {
          id: 1,
          start: new Date("2013/6/6 08:00 AM"),
          end: new Date("2013/6/6 09:00 AM"),
          title: "Interview"
        }
      ]
    });
</script>
In this article
Not finding the help you need? Improve this article