GodSpeed JP1
Posts: 0
Joined: Thu Feb 27, 2014 1:23 pm

How to change the ajax-loader?

I upload my own ajax-loader.gif file to my theme folder.
But it not change when I load the page.
I try this on real device(iOS 7) and browsers.But it never changed.
I need to change some thing else?

Image

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

How to change the ajax-loader?

Hi -

Have you tried this approach?
:: http://docs.appery.io/documentation/b...

GodSpeed JP1
Posts: 0
Joined: Thu Feb 27, 2014 1:23 pm

How to change the ajax-loader?

Hi Illya, I try the Custom Ajax Status just now.But it seems not work.
here is my setting.
My ajax-loaser image:
Image

My css:
Image

Alex GG
Posts: 0
Joined: Thu Nov 14, 2013 11:11 pm

How to change the ajax-loader?

Hi GodSpeed,
I was trying to change the loader too...but I couldn ́t manage it..

maybe this post would help you...

https://getsatisfaction.com/apperyio/...

Nikita
Posts: 0
Joined: Fri Feb 28, 2014 4:02 pm

How to change the ajax-loader?

Hello,

Where your image is located? If you load it with Media Manager, the image will be available on this path:
files/views/assets/image/ajax-loader.gif

GodSpeed JP1
Posts: 0
Joined: Thu Feb 27, 2014 1:23 pm

How to change the ajax-loader?

Hello Nikita, the image in my media manager.But use the "files/views/assets/image/ajax-loader.gif " or "/files/views/assets/image/ajax-loader.gif " it still can't show my ajax-loader.
Now I overwrote the jQuery mobile default ajax-loader.It works.
Maybe it always use the jQuery mobile default image.

GodSpeed JP1
Posts: 0
Joined: Thu Feb 27, 2014 1:23 pm

How to change the ajax-loader?

Hi Alex,
Thank you for your comment.
I can't fix this.So as a last resort I overwrote the jQuery Mobile's default ajax-loader.gif.It works.:-)Not a goode way,but it work well for me.
By the way,the default jQuery mobile ajax-loader's opacity is .18.
I changed it by css code below to make it looks well for me.

.ui-loader-default {
background:0;
filter:Alpha(Opacity=60);
opacity:.60;/**chage here 18 to 60*/
width:2.875em;
height:2.875em;
margin-left:-1.4375em;
margin-top:-1.4375em
}

Nikita
Posts: 0
Joined: Fri Feb 28, 2014 4:02 pm

How to change the ajax-loader?

Hi,

Let's try such a CSS code:

.ui-icon-loading {
background: url("files/views/assets/image/ajax-loader.gif") repeat scroll 0 0 / 46px 46px transparent!important;
}

Is it working?

GodSpeed JP1
Posts: 0
Joined: Thu Feb 27, 2014 1:23 pm

How to change the ajax-loader?

Sorry Nikita, it dose not work for me.

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

How to change the ajax-loader?

Hello!
1) Please check if you've set correct path for image https://getsatisfaction.com/apperyio/...
2) There is a typo - before !important; should be white space

Return to “Issues”