Repository navigation
Custom loading screen? #902
Description
John Nagle asked 2017-06-16 19:10:06 UTC
Hi again,
Right now, there is an animated loading indicator that shows in the browser as the app instance is being spun up, but it's obviously very very basic. Is there anyway to customize this at all? Ideally, there'd be maybe a "loading..." message with a logo or something and (ideally) a progress bar.
Is this possible?
Thanks!
-John
Activity
itg-assistant commentedon Jun 12, 2026
Frank (ITG) answered 2017-06-16 20:25:04 UTC
Hi John,
there are a couple of options to control the loader icon that is currently displayed:
Place a loader.gif (any size) into your project directory and it will automatically show (centered).
You can turn off the default loading indicator completely by setting showLoader : false in default.json
To use your own text / picture / whatever content to be displayed you can change default.html like this:
Please note that "style="position:absolute; z-index:100;" will not be needed anymore with the next Wisej build(s). It´s necessary because of a background definition in the default qooxdoo theme that will be removed.
The Wisej.onLoad event is fired when the Wisej loader has finished, thus it removes the div in this sample.
Hope that helps.
Best regards
Frank
itg-assistant commentedon Jun 12, 2026
John Nagle answered 2017-06-16 21:03:08 UTC
Fantastic…that’ll work. But I put the loader.gif in the project folder and it doesn’t show…where should it go specifically?
itg-assistant commentedon Jun 12, 2026
Frank (ITG) answered 2017-06-16 21:05:15 UTC
Hi John, At the same place where your web.config is located. It might get caught by the browser Cache (as it´s named the same as the original gif) so you might want to check that. Best regards, Frank
itg-assistant commentedon Jun 12, 2026
John Nagle answered 2017-06-16 21:35:04 UTC
Yeah, it was a cache issue…thanks Frank, works perfectly now!
itg-assistant commentedon Jun 12, 2026
Diego Ramos answered 2023-09-27 13:12:02 UTC
Hello, how are you? Query in version 3.2, how do you change the gif of the startup loader?
itg-assistant commentedon Jun 12, 2026
Julie (ITG) answered 2023-09-27 19:24:04 UTC
If you want to see an example of this in version 3.2, look at the loading screen of the demobrowser: https://wisej-demobrowser.azurewebsites.net/
The demobrowser code can be found on github here: https://github.com/iceteagroup/wisej-demobrowser
Specifically, look at the default.html file: https://github.com/iceteagroup/wisej-demobrowser/blob/main/Wisej.DemoBrowser/Default.html