How to change the loading icon?
Mar 28, 2014
By
Hans Dulpers
Dear everyone, I would like to know how to change the loading spinner in the output. I've gone through some code and the story_html5.html contains an interesting line:
<span id="loadingSpinner" class="loading"></span>
I can't, however, find "loadingSpinner" or "loading" anywhere else, not in the story_html5.html or anywhere else. Changing the spinner.png in the /mobile directory didn't bear any fruits either. I assumed that the story_html5.html would use the /mobile directory but I'm wrong somewhere. Any help is greatly appreciated!
41 Replies
Shouldn't this be a feature on Storyline? Choose your own loading icon?
At the end of the day, who hasn't felt like changing that annoying spinner?
Your testing has come a long way Alex! I am wondering if you ever got it to work on html5
worked. thanks for this guys! additionally commenting out the rotating code helped.
Hello,
I have read all the comments, but still I'm not able to change the loader image in Storyline 2 published output. Can anyone help me in this issue?
Hi Amey,
Here's an example, it can be done. Keep Trying. View Example
background:
with
"background: transparent url('preloader.gif') no-repeat 0 0;"
Take your time and Learn what the code is doing. I'll post a video if you still need help.
Thank you so much Ryan! :) It works.
Awesome! Let me know if you need a custom gif preloader made 😃
Ryan DeWitt
919-696-6746
Hello Ryan, I have applied the changes you suggested and it is working when I open story_html5 on a browser. However, whenever I upload the object to the LMS, it seems to revert to the first spinning loader. Do you have any idea how to solve this?
The LMS is probably using the Flash version, you need to delete the story.swf file then .zip up or point your LMS settings to the story
Ryan nice work. Is there a way to change the spiinner without publishing to html5 or mobile? There is no player.html file is web or LMS publish.
Hi all!
Has the code "background: transparent url('preloader.gif') no-repeat 0 0;" been updated in the Storyline output? Can't find it in the CSS (or the actual gif file, for that matter). Thanks!
Anna, I'll look into this, HTML5 or Flash? I assume HTML5.
Yes, HTML5! Thank you so much - it would be really nice to be able to adjust the look of the loader!
Has anyone since found a way to customise the Flash spinning loader? It's relatively straightforward in HTML5.
Had a quick look in the Flash SDK but it's unclear.
Thanks.
Hi all,
Why is there no player.css file in my LMS publish output?
Thanks
Stacy
Hi, thanks for investigate about this topic, its very helpful. Actually In storyline 360 doesn't exist player.css and didn't see the spinner.png in any folder inside the publication. Anyone know how to change this icon in storyline360? from modern player or classic player publishing for LMS? I can't understand why articulate don't give the tools to change this particular icon. 5 years ago and still the same. Wow.
Hi Marco. I have the same question and I'm hoping for a solution.
This discussion is closed. You can start a new discussion or contact Articulate Support.