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

Mobile

configuration

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.

mobile

Boolean|String

Default: false

<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>

<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>