I have read https://toolset.com/forums/topic/please-add-spinner-graphics-to-ajax-results-updating-views/ and I already found that myself, but I am trying to show the loading icon on the results which makes more sense (for me) instead of on the filter.
hidden link
Hi,
Thank you for contacting us and I'd be happy to assist.
The shortcode for the spinner ( ref: https://toolset.com/documentation/programmer-reference/views/views-shortcodes/#wpv-filter-spinner ), works only when placed within the "[wpv-filter-start hide="false"] ... [wpv-filter-end]" tag, that is available in the "Search and Pagination".
I see that on your page, you're showing the view's search form and the results in separate columns. In this case, the AJAX spinner will show in the column of the search form.
One workaround that you can try is to include the search form and the results both in the right column, which is currently showing only results. You can then hide the search input fields in this column using custom CSS code. As a result, the spinner will show, but the search input fields won't.
regards,
Waqar
Thank you for pointing me in that direction. It works, kinda. Unfortunately the loading icon is hidden again before the results are updated which results in an ugly twitch. It would be better to hide the loading icon AFTER the results have updated. Is that possible?
Thanks for the update and glad that it worked.
When the AJAX spinner completes, the results section becomes visible again, to show the updated results. But before the new results are shown, there is a quick flash of the existing results. I'm afraid, I can't think of a workaround to avoid that.
ok, too bad. I will remove the loading from the results and only keep it in the Filter.
