how to show an ajax loader with text when a page loads

[Asif]

Hi
I want to show an ajax loader with a text when a page loads till the time every thing on that page gets loaded.

Please tell me how to achieve this..!!!

[Maryna Brodina]

Hello! Please check loader widget options here http://api.jquerymobile.com/loader/

[Asif]

Hi Maryna,
I have already read that but m not getting how to implement this in appery. If possible can you pls provide me a simple code snippet.

[Kateryna Grynko]

Hi Asif,

Check this link please: https://getsatisfaction.com/apperyio/...

[Asif]

Hi Katya,
I referred the link which you gave. Now i m able to get ajax loader on the screen but still i m not getting the text message.

[Maryna Brodina]

Hello!
Try this code pre$.mobile.loading( "show", {
text: "",
textVisible: true,
theme: "b",
html: "<p>Some text here</p>"
});/pre or this to change spinner view pre$&#46;mobile&#46;loading({ html: '<span class="ui-icon ui-icon-loading"><img src="jquery-logo&#46;png" /><h2>is loading for you &#46;&#46;&#46;</h2></span>' });/preBesides that you can customize message using CSS the way you need.

[Asif]

This i have to write on page load rite?

And also pls tell me how to stop this loader once page loads completely?

[Alena Prykhodko]

Hello Asif,

Please read here events definitions http://docs.appery.io/documentation/w...
Please try on Before load event. This should stop when the page is loaded.

[RobertJay]

Maryna, the first code snippet works for me on the (opening) page load event, but not on the before load event. What am I missing?

[Evgene Karachevtsev]

Hello Robert,

Unfortunately before load event doesn't work now. We reported this as a bug and working on it.