topic Re: Building a splash screen to tell the user the application is loading? in ArcGIS JavaScript Maps SDK Questions

Building a splash screen to tell the user the application is loading?

IanPeebles — Thu, 12 Dec 2013 12:41:12 GMT

I am interested in building a splash screen that tells the user that the application is loading. When the application is finished loading, I am wanting the screen to disappear. Has anyone put something like this together?

I am looking at something similar to what the Silverlight Viewer displays.

Any assistance will greatly be appreciated.

Re: Building a splash screen to tell the user the application is loading?

BradleyNeish1 — Sat, 11 Dec 2021 17:57:12 GMT

to accomplish this I have a [HTML]<div id="wait" class="esriSimpleSlider">
<img src="ajax-loader.gif">
</div>[/HTML] that shows in the center of the screen.
Then using the map.on load event (which fires when the application has finished loading) i hide it.

loading = dom.byId("wait");
map.on("load", function() {
esri.hide(loading);
//other stuff
});

There are probably more elegant ways of doing this, but I hope this helps.

Re: Building a splash screen to tell the user the application is loading?

KenBuja — Thu, 12 Dec 2013 14:14:06 GMT

Here's a sample that shows how to do that with a gif and here's one with text.

Re: Building a splash screen to tell the user the application is loading?

IanPeebles — Sat, 11 Dec 2021 17:57:15 GMT

to accomplish this I have a [HTML]<div id="wait" class="esriSimpleSlider">
<img src="ajax-loader.gif">
</div>[/HTML] that shows in the center of the screen.
Then using the map.on load event (which fires when the application has finished loading) i hide it.
loading = dom.byId("wait");
map.on("load", function() {
esri.hide(loading);
//other stuff
});
There are probably more elegant ways of doing this, but I hope this helps.

Thanks. Will this only appear when the application is first loaded? I don't want it to show up each time a user makes a zoom or pan on the map.

Re: Building a splash screen to tell the user the application is loading?

IanPeebles — Thu, 12 Dec 2013 15:56:56 GMT

Here's a sample that shows how to do that with a gif and here's one with text.

That isn't quite what I am looking for. This animated .gif shows up when the application loads and when the user performs a zoom or pan on the map. All I need is to have a screen come up one time each time the application is opened in the browser.

Re: Building a splash screen to tell the user the application is loading?

BradleyNeish1 — Thu, 12 Dec 2013 18:43:55 GMT

Thanks. Will this only appear when the application is first loaded? I don't want it to show up each time a user makes a zoom or pan on the map.

Yes this only appears when the application first loads.
From the reference: the map.on load event "Fires when the first or base layer has been successfully added to the map".
Depending on your specific application and the size/# of your layers you might be better served with the map.on layers-add-result event("Fires after all layers are added to the map using the map.addLayers method").

Re: Building a splash screen to tell the user the application is loading?

IanPeebles — Thu, 12 Dec 2013 20:20:52 GMT

Thanks for all of the replies.