toolbar.items.mobile.navigation Object

Will specify all tools rendered in the navigation (lower) Scheduler ToolBar with its adaptive rendering. If not explicitly set here, the component will render its built-in tools in the following order: [ "previousMobile", { type: "spacer" }, "currentMobile", { type: "spacer" }, "nextMobile" ].

By using the items.mobile.navigation field, you can specify any kind and number of custom tools for that ToolBar. You should define the custom tools via the ToolBar items API.

Example

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  mobile: "phone",
  toolbar: {
    items: {
      mobile: {
          main: [ ],
          navigation: [
            "previousMobile",
            { type: "spacer" },
            {
              name: "custom2",
              type: "button",
              text: "Custom 2"
            },
            { type: "spacer" },
            "nextMobile"
          ]
      }
    }
  },
  date: new Date("2013/6/6"),
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>