Forum | Appery.io

I would like to hide the spinning wheels which shows up in the middle of the page, each time a new page of the application is loading.. Is that possible?

Hi -

You can try this solutions - https://getsatisfaction.com/apperyio/...

Great, it works!

Hi,

I am coming back to this subject because I would actually like to be able to set a spinning wheel on a specific page.

For now, I've hidden it through css :
.ui-loading div.ui-loader {
display:none;
}

How to make it appear only on one specific page?
Thanks!

Hi Marie,

You can just use this functions and call them on any page event you need:
preshowSpinner();
hideSpinner();/pre

Is that Javascript? If yes,Should I take off the CSS I mentionned above, and then run one or the other js on each page loading?

Marie,

Yes and yes. You can run JS wherever you need.

on Nexus 4 it's not working

whatever I put, (show or hide) I see no spinning wheel.

Hello!
Leave your CSS pre.ui-loading div.ui-loader {
display:none;
} /preit hides spinner on all pages where you don't need it. On page where you need spinner use code to show itpre$.mobile.loading("show").attr("style", "display:block");/preTo hide pre$.mobile.loading("hide").attr("style", "")/pre

Thank you, I tried but it doesn't seem to work...
I put back the CSS as it used to be.

But when i run js as told
$.mobile.loading("show").attr("style", "display:block");

it doesn't do anything.

plus it looks like there is a problem with my database:
all my sections works fine when i click from my main menu.
Except for the airports. When i click on airports, nothing happens, it stays blocked on the main menu.
It is supposed to open a page, which invoke a service which loads a list from the database.

It used to work fine, so I really don't understand what's going on, i didn't touch anything except trying to run the js on page loading to display the wheel.

It is not working when testing on the web browser, as well as on a Nexus 4.