Initialization

To use the mobile scheduler in your application you should make 2 steps:

Included files

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

Initialization

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