
<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">

</head>

<body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">

<div style="color: rgb(0, 0, 0); font-family: Calibri, sans-serif; font-size: 14px; ">

Hi everyone,</div>

<div style="color: rgb(0, 0, 0); font-family: Calibri, sans-serif; font-size: 14px; ">

<br>

</div>

<div style="color: rgb(0, 0, 0); font-family: Calibri, sans-serif; font-size: 14px; ">

I am currently working on a Blueprint to provide a Resource Topology Graph for a Heat Stack. I would like to add this Topology as an additional Tab to the Heat Stack Details Workflow but I am running into a conflict between the javascript that draws the canvas

 and the workflow js. The initial canvas div needs to be available in the DOM during the canvas js execution but the workflow is hiding the div making it unavailable.</div>

<div style="color: rgb(0, 0, 0); font-family: Calibri, sans-serif; font-size: 14px; ">

<br>

</div>

<div style="color: rgb(0, 0, 0); font-family: Calibri, sans-serif; font-size: 14px; ">

A simple fix would be to bind the horizon.init after DOM ready which would allow any js executing during .ready() to happen first. I have created a blueprint to do that here:</div>

<div style="color: rgb(0, 0, 0); font-family: Calibri, sans-serif; font-size: 14px; ">

<a href="https://blueprints.launchpad.net/horizon/+spec/bind-horizon-init">https://blueprints.launchpad.net/horizon/+spec/bind-horizon-init</a></div>

<div style="color: rgb(0, 0, 0); font-family: Calibri, sans-serif; font-size: 14px; ">

<br>

</div>

<div>But I'm wondering if there is a different/better workaround or if there are any objections to doing this.</div>

<div><br>

</div>

<div>Thanks!</div>

<div style="color: rgb(0, 0, 0); font-family: Calibri, sans-serif; font-size: 14px; ">

<br>

</div>

<div style="color: rgb(0, 0, 0); font-family: Calibri, sans-serif; font-size: 14px; ">

<img src="cid:343B4F9B-8469-41AC-B839-807D482D697E" type="image/png"></div>

</body>

</html>