How to show a splash screen/disclaimer window while map is gray?

Question

Please see attached. When my web appbuilder project loads, first it shows the blue screen with waiting bars, then the screen is gray for more than several seconds until the basemap shows.

Now, my boss wants to add a splash/disclaimer box while the screen is gray(like attached screen 2).

What event listener should I be looking at? Thank yoU!

ShayL · Answer

There's a splash screen widget/option in WAB, which I believe you're aware of.. to allow such behaviour before the application even loaded, you need to locate the piece of code where the app loads and inject some good amount of code into there (build a div, stretch it, make it transparent, add a message, etc..).

It is possible but will take some time to locate the right location when the app starts (blue/grey screen). You can then publish an event listener  (see dojo publish & subscribe) and trigger it with a widget when the app is fully loaded.. it's a lot of effort if you don't have previous experience with this type of workflows and on top of all, the maintenance would be really bad since this code is injected and requires manual maintenance when it comes to version updates and such.

Shay

RobertScheitlin__GISP · Answer

Alex,

The Map Progress Widget is still a widget thus should have the same issue mentioned earlier. The only way to achieve what you are after is to do custom coding in one of the manger.js files to show so loading or what ever div that you would add to the main dom for the app.

AlexRocco · Answer

Robert, I am going to try your Map Progress Indicator Widget .  Thank you

https://community.esri.com/t5/web-appbuilder-custom-widgets/map-progress-indicator-widget-version-2-14-11-26-19/ta-p/904558