Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
There is a constant spinning motion for views autocomplete exposed filter. I have tried different css codes below to hide it, yet no luck so far. Zen theme does not have this issue. Any feedback will be appreciated. Thx
.ajax-progress-throbber { display: none}
views-throbbing{ display: none;}
span.views-throbbing {
display: none;
}
html.js a.views-throbbing,
html.js span.views-throbbing {
display: none;
}
Comment | File | Size | Author |
---|---|---|---|
#5 | throbber.gif | 1.34 KB | joco_sp |
Comments
Comment #1
sbydrupal CreditAttribution: sbydrupal commentedAny input on this issue ? There must be other users experiencing the same.
To replicate the issue:
- create a taxonomy vocabulary
- use it as autocomplete exposed filter in views
Result: "contantly spinning blue circle" within the exposed filter box...
Same issue is not present in Zen theme.
Comment #2
sbydrupal CreditAttribution: sbydrupal commentedAny feedback on this issue from the maintainers of the theme ?
Thx
Comment #3
jtfrancom CreditAttribution: jtfrancom commentedI noticed this issue as well.
I'm pretty new to Drupal but it seems the problem is the default Drupal ajax throbber uses a single animated gif that gets shifted around instead of loading two different images. This works when the input form is limited in height, but the extra large ones in the corporate clean theme show the whole gif.
I tried upscaling the image 2X in the style sheet and it fit better but looked terrible so instead of found a 24x24px animated loading icon and copied it to corporateclean/images/spinner.gif.
I then added this to the end of corporateclean/style.css
html.js input.form-autocomplete {
background-position: 100% 6px;
background-size: 24px 24px;
background-image:none;
}
html.js input.throbbing{
background-image:url("./images/spinner.gif");
}
I'm satisfied with the results this gave me but if you want to kill the spinner completely don't add the image or the second paragraph of css.
I think this issue is probably an oversight on the theme developers part and I image it will get fixed eventually.
Also I'm not positive that I did this the "right" way as I'm new to Drupal but I know that it works for now.
Comment #4
sbydrupal CreditAttribution: sbydrupal commentedThanks much !!! Just adding your code worked out to cancel this annoying issue. Much appreciated!
Comment #5
joco_sp CreditAttribution: joco_sp commentedI made a new gif of throbber and put it in sites/default/files/images
And then inserted this CSS
/*THROBBER*/
html.js input.form-autocomplete {
background-image: url(../../files/images/throbber.gif);
background-position-y: 8px;
}
html.js input.throbbing {
background-position-y: -18px;
}
I hope that this worked for you too :)
Comment #6
ladybug_3777 CreditAttribution: ladybug_3777 commentedFor what it's worth, I'm having this same issue with a few different themes. I'm wondering if there is another solution to this aside from having to alter the css for all the different themes. Heck it's even doing this with the default "Bartik" theme that comes out of the box with Drupal.
I didn't find much when trying to google the topic, but if anyone has some input/ideas please share. If I find information I'll come back and post it as well.
Comment #7
ladybug_3777 CreditAttribution: ladybug_3777 commentedOh, it might be worth noting, I installed the "Chosen" module and then within my view I changed the settings for "Selection Type" on my exposed filter to "Dropdown" instead of "Autocomplete" Since I have the chosen module enabled the regular dropdown option still works like the autocomplete option, actually it's much nicer because you aren't forced to enter a comma when you want to add multiple terms and it makes removing multi terms easier as well.
https://drupal.org/project/chosen
Comment #8
alexandrezia CreditAttribution: alexandrezia commentedThis is a known issue and it's already fixed in 8.x, but still need to be backported to 7.x
https://drupal.org/node/1069152
In the above issue there is a patch you can apply manually or via drush make.