To use the mobile scheduler in your application you should make 2 steps:
You need to include 2 files. They are:
<script src="codebase/dhtmlxscheduler_mobile.js" type="text/javascript"></script> <link rel="STYLESHEET" type="text/css" href="codebase/dhtmlxscheduler_mobile.css">
To initialize the component you should use the following code:
//dhx.ready() function ensures that your code will be executed as soon as the page finishes loading dhx.ready(function(){ //the method allows to hide the address bar on iPhone/iPod to save the space for application dhx.ui.fullScreen(); //object constructor dhx.ui({ view: "scheduler", id: "scheduler" }); // the method load() lets to populate scheduler with data $$("scheduler").load("../common/mobile.xml","scheduler"); });
Related sample: samples/07_mobile/01_init.html