<div>Hello.<br></div><div><br></div><div><br></div><div><br></div><div class="gmail_quote">2012/11/27 Paul DeBruicker <span dir="ltr">&lt;<a href="mailto:pdebruic@gmail.com" target="_blank">pdebruic@gmail.com</a>&gt;</span><br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">It looks like the images aren&#39;t loaded until after the Javascript is<br>
loaded and compilied.  Can you move the javascript to the end of the<br>
document rather than having it in the HEAD?  I don&#39;t use pier so don&#39;t<br>
know if that&#39;s easy or not.  Also the bootstrap JS relies upon jQuery so<br>
you might benefit from having jQuery load first.  Not sure about the<br>
pier.js stuff.<br>
<br>
<br>
I just use a component at the end of the page with a render method like<br>
<br>
addJsToPage:html<br>
        html script resourceUrl:&#39;js/JQuery.minjs&#39;.<br>
        html script resourceUrl: &#39;js/site.js&#39;<br>
<br>
at the base of my main component to load JS at the end.<br>
<br>
<div class="HOEnZb"><div class="h5"><br>
</div></div></blockquote></div><div><br></div><div>For full control of where (in head or body) and the order in that the external resources are loaded in Pier based apps, instead to use Libraries configuration, I make a PierFrame subclass like this:</div>
<div><br></div><div>PRPierFrame subclass: #MyPierFrame.</div><div><br></div><div>MyPierFrame&gt;&gt;renderContentOn: html<br>   super renderContentOn: html. &quot;this render Pier components...&quot;<br>        </div><div>      html script resourceUrl:&#39;js/JQuery.minjs&#39;.   &quot;Load resources at end of body&quot;<br>
          html script resourceUrl: &#39;js/site.js&#39;</div><div>html document addLoadScript: ((html jQuery: &#39;*[title]&#39;) removeAttribute: &#39;title&#39;)</div><div>   </div><div>Then I register this class as root component in the app.</div>
<div><br></div><div><br></div><div>This is </div><div><br></div><div>my 2cents.</div><div><br></div><div>Regards.</div><div><br></div>