Page 1 of 3

How to change the ajax-loader?

Posted: Wed Mar 19, 2014 4:39 am
by GodSpeed JP1

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


How to change the ajax-loader?

Posted: Wed Mar 19, 2014 4:47 am
by Illya Stepanov

Hi -

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


How to change the ajax-loader?

Posted: Wed Mar 19, 2014 6:40 am
by GodSpeed JP1

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


How to change the ajax-loader?

Posted: Wed Mar 19, 2014 8:01 am
by Alex GG

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/...


How to change the ajax-loader?

Posted: Wed Mar 19, 2014 8:45 am
by Nikita

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


How to change the ajax-loader?

Posted: Wed Mar 19, 2014 9:46 am
by GodSpeed JP1

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.


How to change the ajax-loader?

Posted: Wed Mar 19, 2014 9:55 am
by GodSpeed JP1

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
}


How to change the ajax-loader?

Posted: Wed Mar 19, 2014 10:41 am
by Nikita

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?


How to change the ajax-loader?

Posted: Wed Mar 19, 2014 11:51 am
by GodSpeed JP1

Sorry Nikita, it dose not work for me.


How to change the ajax-loader?

Posted: Wed Mar 19, 2014 8:49 pm
by Maryna Brodina

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