Custom loading screen?


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?



  • You must to post comments

Hello, how are you? Query in version 3.2, how do you change the gif of the startup loader?

  • You must to post comments

Hi John,

there are a couple of options to control the loader icon that is currently displayed:

  1. Place a loader.gif (any size) into your project directory and it will automatically show (centered).
  2. You can turn off the default loading indicator completely by setting showLoader : false in default.json
  3. To use your own text / picture / whatever content to be displayed you can change default.html like this:
    <body style=”padding:0px; margin:0px”>

    <div id=”my-loading-screen” style=”position:absolute; z-index:100; width:100%; height:100%; background-color: darkorange”>
    <div style=”font-size: 34pt; text-align: center”>

    Wisej.onLoad = function () {

    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

  • John Nagle
    Fantastic…that’ll work. But I put the loader.gif in the project folder and it doesn’t show…where should it go specifically?
  • Frank (ITG)
    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
  • John Nagle
    Yeah, it was a cache issue…thanks Frank, works perfectly now!
  • You must to post comments
Showing 2 results
Your Answer

Please first to submit.