To replace core Drupal ajax animated gif (throbber.gif) add the following to your theme's CSS and put the replacement throbber.gif file in the images folder of your theme.
html.js input.form-autocomplete {
background-image: url(images/throbber.gif);
}Submitted by Chris Herberte on Sat, 2009-08-29 10:34
Posted in
class/id name? :)
class/id name? :)
updated post to fix #1 Also
updated post to fix #1
Also for Views throbber
html.js a.views-throbbing,html.js span.views-throbbing {
background-image: url(images/throbber.gif);
}
Also for Ahah. That covers
Also for Ahah. That covers everything. Worth pointing out if your using a zen based theme do a quick search in drupal6-reference.css for throbber. You can then see the other css properties you may want to override.
.ahah-progress .throbber {
background-image: url(images/throbber.gif);
}
Hi Chris, thanks very much
Hi Chris, thanks very much for this bit of css, just what I was looking for..
but I wanted to remove the throbber and when using background-image:none; there is still some displacement of text when clicking an AJAX-link in views (for example clicking a pager)...
Greets
Didn't work for me. Cleared
Didn't work for me. Cleared cache but still nothing shows up. The throbber image is in the right directory and CSS looks right, but nothing shows up. Does your CSS above need tweaking to allow width height and position?
I did it simplier: html.js
I did it simplier:
html.js input.form-autocomplete {
background-position: 100% 8px;
background-repeat: no-repeat;
}
html.js input.throbbing {
background-image: url(images/throbber.gif);
background-position: 100% 5px;
background-repeat: no-repeat;
}
the position of background shifted to fit my text input size
it was for drupal 7 however
it was for drupal 7 however
Post new comment