marieall
Posts: 0
Joined: Thu Oct 03, 2013 4:10 pm

How to hide the spinning wheel ?

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?

Illya Stepanov
Posts: 0
Joined: Mon Mar 18, 2013 8:48 am

How to hide the spinning wheel ?

Hi -

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

marieall
Posts: 0
Joined: Thu Oct 03, 2013 4:10 pm

How to hide the spinning wheel ?

Great, it works! :)

marieall
Posts: 0
Joined: Thu Oct 03, 2013 4:10 pm

How to hide the spinning wheel ?

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!

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

How to hide the spinning wheel ?

Hi Marie,

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

marieall
Posts: 0
Joined: Thu Oct 03, 2013 4:10 pm

How to hide the spinning wheel ?

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?

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

How to hide the spinning wheel ?

Marie,

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

marieall
Posts: 0
Joined: Thu Oct 03, 2013 4:10 pm

How to hide the spinning wheel ?

on Nexus 4 it's not working :(

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

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

How to hide the 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

marieall
Posts: 0
Joined: Thu Oct 03, 2013 4:10 pm

How to hide the spinning wheel ?

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.

Return to “Issues”