Application Loading Panel Doesn't work

[Andrew Paulson]

the Demo page, when I've copied it to my own project and referenced the same files (Js and CSS) the page throws an error, 

what's shown in the HTML view is not the same as what's running on the page. 

The Error i get is.  kendoMobileApplication is not defined I've tried several different ways to figure out what the issue is so I can start using the loading panels properly. but the solution iludes me. 

but when I look at the code of the page itself I see that the kendoMobileApplication is referenced as a new kendo.mobile.application though when I try to reproduce what appears to be the proper way, it doesn't work. I get 
Cannot call method 'showLoading' of undefined

when my app is calling "app.showLoading();"
and my app is defined as 

app = new kendo.mobile.Application(document.body);

so things are a little confusing, I thought i should be able to take the code shown in the demos and just use them in my projects, change the references to script and css files and have them work. but I could be wrong. 

Thanks for your help in advance,

[Petyo]

Hello Andrew,

I think that you might have stumbled upon a specific quirk regarding the application - calling showLoading before document ready tirggers the error you describe. 

The workaround you should employ is to call the showLoading method in the document.ready event handler - please see this small demo.

Greetings,
Petyo
the Telerik team