topic WAB initialization complete and DOM built event? in ArcGIS Web AppBuilder Questions

WAB initialization complete and DOM built event?

Keith-Bornhorst — Sat, 13 Aug 2016 13:53:16 GMT

Is there a mechanism in place to know when a Web AppBuilder app/map has been fully initialized and the entire DOM built and visible? We need to know when the app is ready for use (specifically, when the Header Widget is visible) so we can perform some minor DOM manipulation. We could use javascript's setTimeout to periodically check for the existince of the DOM elements in which we're interested, but perhaps there's a cleaner way to do this using WAB or dojo events or callbacks?

Thanks,

Keith

Re: WAB initialization complete and DOM built event?

RobertScheitlin__GISP — Mon, 15 Aug 2016 21:24:13 GMT

Keith,

There is no such event that I am aware of. Maybe you can explain your need for such an event better (i.e. your workflow) and I can make a recommendation?

Re: WAB initialization complete and DOM built event?

Keith-Bornhorst — Tue, 16 Aug 2016 17:51:21 GMT

Thanks, Robert.

WAB/LaunchpadTheme is responsive and on smaller devices we'd like the logo to be a link to the main site.

Short term solution was to add "Home" to the links array in config.json since that's always visible. Using JS we could wrap an A tag around the logo image, but I quickly realized that it takes a few seconds for those DOM elements to appear on the page.

In lieu of updating the LaunchpadTheme header widget and config options... YET... (although it's probably not a bad idea to add/request that functionality to the theme itself - i.e. wrap optional A tags around ".jimu-widget-header .logo" and ".jimu-widget-header .title") I added some JavaScript to modify the DOM when ready using jQuery and window.setTimeout to recursively call a function that checks for the presence of the header logo image.

Enhancing the theme header widget will definitely be the better, long-term option for us.

Cheers,

Keith

Re: WAB initialization complete and DOM built event?

RobertScheitlin__GISP — Tue, 16 Aug 2016 21:15:56 GMT

Keith,

You are correct that modifying the launchpad themes header Widget.js is the best solution. But if you really need a short term solution than you add some code listen from the widget creation event topic. topic.subscribe("widgetCreated") and see if it is the Header widget and if so then do your dom manipulation.

Re: WAB initialization complete and DOM built event?

Keith-Bornhorst — Tue, 16 Aug 2016 22:41:42 GMT

Interesting... I've yet to create a custom widget (or do any dojo/dijit development) so dojo/topic is new to me - thanks for the additional (and cleaner) workaround.

Cheers,

Keith

Re: WAB initialization complete and DOM built event?

JadeFreeman — Thu, 05 Jan 2017 18:10:21 GMT

Great Info! Is this documented somewhere? I mean WAB topics (I've used topic extensively elsewhere)?

Re: WAB initialization complete and DOM built event?

RobertScheitlin__GISP — Thu, 05 Jan 2017 18:24:19 GMT

Jade,

No they are not documented. The best way to find them is to search the code for topic.publish

Re: WAB initialization complete and DOM built event?

JadeFreeman — Thu, 05 Jan 2017 20:13:51 GMT

Thanks Robert, this was just what I was looking for!