Dhtmlx Mobile Scheduler with Loader

Scheduler takes much time to load so I have added jquery mobile loader but its not showing loader.Below is my code:

$.mobile.loading( ‘show’, {
text: ‘Loading…’,
textVisible: true,
theme: ‘i’,
html: “”
});

Hello,

You can use Overlay of dhtmlxTouch to show loading message for the scheduler

dhx.extend($$(“scheduler”),dhx.OverlayBox);
$$(“scheduler”).load(…);

You can apply methods $$(“scheduler”).showOverlay(message) and $$(“scheduler”).hideOverlay(). However, they are called automatically before and after loading.

The overlay is absolutely positioned div with dhx_loading_overlay className (you can find its definition in debug version of scheduler css)

.dhx_loading_overlay{

background-image:url(./imgs/loading.png);

}

Overlay requires an image - loading.png. It is not included into scheduler package, however you can use own image or copy it from the dhtmlxTouch/codebase/imgs