Hi,

 

I have a different script that loads the spinner. When I want to show the spinner, I just throw the entire script into a literal data label. When I no longer need it, I just remove it.

 

show spinner:
<script>$('body').append('<div id="customSpinner" class="base0 ajaxLoader modal-element" style="left: 0px; top: 0px; width: 100%; height: 100%; position: fixed;"></div>');</script>

 

remove spinner:
<script>$('#customSpinner').remove();</script>

---

Thank you @boringNerd1! I have been searching everywhere to figure out how to display that spinner. Question - I noticed that it displays a black spinner instead of a white one like the default spinner shows. Does it do the same for you? Do you know if there's a way to change that?

 

Thanks!

---

Wow. I wrote this a few years back and I haven't use this since so my memory of how this work may be hazy.

If I recall correctly, I am using the default spinner that comes with K2, which explains why the spinner only has one color. If you need a different type of spinner, you can play around with the javascript.

You will notice the script inserts a div element into the body. The div element has an id and some classes set to it. The classes are the one that attaches the certain styles that K2 is using and display the spinner and background. You can make use of Chrome to inspect the element to see what kind of styles are attached it and see how you can modify the script to it to display a different spinner. That is how I came up with this script in the first place.

---