Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to prevent GWT onload flicker in the Web Application Starter Project?
    primarykey
    data
    text
    <p>I'm new to GWT, and I'm sure this is answered in SO somewhere but I've yet to find</p> <p>I downloaded the GWT 2.0 eclipse plugin, and was pleased to see it comes with a <a href="http://ehrannm.appspot.com/" rel="nofollow noreferrer">starter project</a>.</p> <p>However, I was surprised that when running it, there is an unpleasent flickering...</p> <ol> <li>The text loads without the CSS first</li> <li>It takes a while untill the select box apears</li> </ol> <p>(If you don't see the flicker, try and press <kbd>F5</kbd> to refresh)</p> <p>All mature GWT apps seem to have a loader before that but I didn't find an easy, standard way to add it. </p> <p>It seems this app loads in this order: (correct me please if I mixed it up, its only my guess)</p> <ul> <li>Basic layout HTML, </li> <li>All JavaScript, and CSS</li> <li>Runs the logic on the "onload" event (soonest time your compiled javaScript can start - ?)</li> </ul> <p>So I can't programmatically add a loading spinner before GWT was loaded, a bit of a catch 22 for me </p> <p>Am I missing something basic? is there a best practice way to add that initial spinner?</p> <p>I was thinking simply adding a div with an animated gif, and in the onload event - hide it. </p> <p>But I'm sure there is something better.</p> <p>Let me know if this is a duplicate question</p> <hr> <p>Update: found this <a href="https://stackoverflow.com/questions/1309436/automatic-loading-indicator-when-calling-an-async-function/1311604#1311604">related question</a>, not answering mine though...</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload