Trying to use the home energy monitor sample dashboard code

Hi,

I have been trying to follow the instructions to set up a home energy monitor dashboard from example under Applications/Home Energy.

I copy and paste the sample code into the source editor an put in my own apikey. I exit out the source edit mode and the widgets appear. But when I press the save button nothing seems to happen exit the words body p or body div div appear in the bottom of the window.  I go back into the source editor the source has changed somewhat and now looks like this

 

<div class="widget-container-nc">
<h2>
  Energy explorer</h2>
<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://vis.openenergymonitor.org/emoncms3/Vis/kWhdZoomer/kwhdzoomer.php?%0A%20%20%20%20%20%20%20%20%20%20apikey=MYAPIKEY&amp;kwhd=2&amp;power=1&amp;currency=%C2%A3&amp;pricekwh=0.18" style="width:645px; height:470px;"></iframe></div>
<div class="widget-container-v" style="height:562px">
<div class="widget">
  <div class="title">Power now</div>
  <div class="dial" feed="power" max="10000" scale="1" units="W"></div>
</div>
<div style="clear:both;"></div>
<br />
<div class="stats" style="height:70px"><b>Energy used today:</b><br />
  <div class="value"><span class="kwhd">&nbsp;</span> kWh</div>
</div>
<div class="widget">
  <div class="graph" feed="power" id="house-graph"></div>
</div>
</div>

If I hide the editor nothing shows and if I navigate away to the dashboards page nothing is listed there. If I then go back to the dashboard page the source has disappeared.

Help! What Am I doing wrong?

Roger

rogerjames99's picture

Re: Trying to use the home energy monitor sample dashboard code

Sorted out myself. I was going directly to edit the dashboard on the view page rather than first creating a dashboard in the dashboards page and editing it from there.

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.