Custom loading screen?

Welcome to Wisej Support.
Questions, suggestions and plain old bugs - are all welcome here!
0
0

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

  • You must to post comments
0
1

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”>
    LOADING…
    </div>
    </div>

    <script>
    Wisej.onLoad = function () {
    document.getElementById(“my-loading-screen”).remove();
    }
    </script>
    </body>

    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

  • 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 1 result
Your Answer
Post as a guest by filling out the fields below or if you already have an account.
Name*
E-mail*
Attachment
File Name Size
There are currently no files uploaded.
Maximum number of files 5, maximum file size 3.9MB.
Supported file formats: zip pdf gif jpg bmp png cs vb theme json