Add event function for Home page

Morten_Meisler

We should be able to execute custom code on the home page(s) in a similar way when calling custom code on work item forms.

Example for Incident form:

<div>app.custom.formTasks.add('Incident', null, function (formObj, viewModel) {</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div><div>&nbsp; &nbsp;//Incident OnReady</div><div>&nbsp; &nbsp;formObj.boundReady(function () {</div><div>&nbsp; &nbsp;&nbsp;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; //Code here will run when the Incident form has loaded.</div><div>&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; return;</div><div>&nbsp; &nbsp; });</div>

Today people use a setTimeout function or setInterval methods to ensure every element is loaded before making changes to the layout, doing API calls etc. It is not enough to use $(window).load or $(document).ready methods. This creates irritating delays and have the risk to not trigger at all.

Geoff_Ross

In the consulting team, we now use mutation observers to check for when certain elements on the page are loaded but its complex. So yes, gets my vote.

Tom_Hendricks

I agree (there's no agree button in this thread!) with @Geoff_Ross -- mutation observers work, but I am now starting to have most of my custom.js rely on one.  When I first began working with the product, everything resembled the KB article on how to add custom tasks.  Now, almost none of it does.

For the simple reason that it is easier to enlist help from other resources if it is simple to write the new custom task (and not worry about when any of the elements load), this could make my job easier.

Adrian_Paech

In the meantime, can someone provide an appropriate mutation observer to bind to that loads last after all other dom objects?

Cheers,

Adrian