How to change the ajax-loader?

[Alex GG]

Hi Nikita,
Why is it not working? I ́ve tried the code you posted, and add a white space before !important..and still is showing the default loader..

Can you please try on a test app, and post the code that we can use?

Regards

[GodSpeed JP1]

Hello Maryna, I checked the image path and I checked the space before !important,but it does not work.
It always show the default jQuery Mobile ajax-loader.gif file.
I think if my image path is not right ,it will be show nothing but not the default image, isn't it?
I check my css file's positon and image position,so I think my image path is "../image/xxxxx.gif",so I tried css code below:
pattern 1(from tutorial):
#ajaxBusy {
display:none;
position: fixed;
z-index:999999;
height:99%;
width:99%;
background: url("../image/ajax-loader-new.gif") !important;
}
#ajaxBusy p {
display: none !important;
}

pattern 2:
.ui-icon-loading {
background: url("../image/ajax-loader-new.gif") !important;
}

I also tried to changed the path to "files/views/assets/image/ajax-loader-new.gif",
pattern 3(from Nikita):
.ui-icon-loading {
background: url("files/views/assets/image/ajax-loader-new.gif") !important;
}

but nothing changed.
I thing the problem is not in our css code, may be the problem is when there are two css definition of ui-icon-loading, one is in our own css file ,another is in jQuery Mobile's css file, which one will be used? And if our css file could overwrite the default css file correctly.

[Nikita]

Hello,

Please provide a public link to your app. We'll check it.

[Alex GG]

mine is already shared, is distritofitnes...

same problem here,,

[GodSpeed JP1]

Hi Nikita, here my link:
http://appery.io/app/mobile-frame?src...

[Nikita]

Hi Alex,

Here is the problem solving:
span.ui-icon-loading {
background: url("../image/ajax-loader.gif") repeat scroll 0 0 / 46px 46px transparent !important;
}
I.e. it's needed just to add "span" to a CSS selector.

[GodSpeed JP1]

Hi Nikita, It works for me.Thank you very much.

[GodSpeed JP1]

Hi Alex, See below Nikita's comment.It works for me.
I think it could be useful for you too.
Good luck.

[Maryna Brodina]

Hello Alex! Did you get it working?

[Alex GG]

Hi!

It works in preview...on appery tester (for android) and installed .apk. still show the default loader..

on iphone tester, works fine.

Should I add something else to the above code?

Regards