Page 1 of 2

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

Posted: Mon Feb 17, 2014 6:09 pm
by 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..!!!


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

Posted: Mon Feb 17, 2014 7:00 pm
by Maryna Brodina

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


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

Posted: Tue Feb 18, 2014 6:43 am
by 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.


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

Posted: Tue Feb 18, 2014 7:43 am
by Kateryna Grynko

Hi Asif,

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


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

Posted: Tue Feb 18, 2014 5:42 pm
by 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.


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

Posted: Wed Feb 19, 2014 5:52 pm
by 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.


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

Posted: Sat Feb 22, 2014 7:30 am
by Asif

This i have to write on page load rite?

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


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

Posted: Sat Feb 22, 2014 8:29 am
by 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.


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

Posted: Sun May 10, 2015 7:33 pm
by 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?


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

Posted: Sun May 10, 2015 8:23 pm
by Evgene Karachevtsev

Hello Robert,

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