Hi
I am trying to set up a page that will allow me to show a picture in a textbox of a graph of data from Pachube. There will be buttons along the bottom to select which graph to show. I have attached a pic to show better what I mean.
Anyhoo, I cant seem to get it to show any different pic but the last one. I have tried using pages and groups, but I feel I am getting something fundamentally wrong in my understanding of these.
Here is the snippet of the config file that creates that page. I have also attached the whole config file.
Any ideas please? I really want to understand this.
<page NAME="Page2">
<group>panel</group>
<visible>false</visible>
<button NAME="graph1">
<label>
<text>Outside</text>
</label>
<gridX>0</gridX>
<gridY>2</gridY>
<style>menu_button_off_.png</style>
<link>OutGraph</link>
<mode>link</mode>
</button>
<textbox NAME="HotwaterGraph">
<group>graphs</group>
<visible>false</visible>
<posX>100</posX>
<posY>0</posY>
<width>650</width>
<height>280</height>
<text><![CDATA[<img height="280" width="600" src="https://api.pachube.com/v2/feeds/10591/datastreams/5.png?width=600&height=300&colour=%23f15a24&durati on=1day&title=Hot%20Water&stroke_size=10%20%20max& show_axis_labels=true&detailed_grid=true&scale=aut o&min=-10&max=30&timezone=UTC"></img>]]></text>
</textbox>
<textbox NAME="OutGraph">
<group>graphs</group>
<posX>100</posX>
<posY>0</posY>
<width>650</width>
<height>280</height>
<text><![CDATA[<img height="280" width="600" src="https://api.pachube.com/v2/feeds/10591/datastreams/3.png?width=600&height=280&colour=%23f15a24&durati on=1day&title=Outside%20Temp&stroke_size=10%20%20m ax&show_axis_labels=true&detailed_grid=true&scale= auto&min=-10&max=30&timezone=UTC"></img>]]></text>
</textbox>
<button NAME="graph2">
<label>
<text>Water</text>
</label>
<gridX>1</gridX>
<gridY>2</gridY>
<style>menu_button_off_.png</style>
<link>HotwaterGraph</link>
<mode>link</mode>
</button>
<button NAME="page1">
<label>
<text>Main Page</text>
</label>
<gridX>4</gridX>
<gridY>2</gridY>
<style>menu_button_off_.png</style>
<link>Main</link>
<mode>pagetoggle</mode>
<group>panel</group>
</button>
</page>
I am trying to set up a page that will allow me to show a picture in a textbox of a graph of data from Pachube. There will be buttons along the bottom to select which graph to show. I have attached a pic to show better what I mean.
Anyhoo, I cant seem to get it to show any different pic but the last one. I have tried using pages and groups, but I feel I am getting something fundamentally wrong in my understanding of these.
Here is the snippet of the config file that creates that page. I have also attached the whole config file.
Any ideas please? I really want to understand this.
<page NAME="Page2">
<group>panel</group>
<visible>false</visible>
<button NAME="graph1">
<label>
<text>Outside</text>
</label>
<gridX>0</gridX>
<gridY>2</gridY>
<style>menu_button_off_.png</style>
<link>OutGraph</link>
<mode>link</mode>
</button>
<textbox NAME="HotwaterGraph">
<group>graphs</group>
<visible>false</visible>
<posX>100</posX>
<posY>0</posY>
<width>650</width>
<height>280</height>
<text><![CDATA[<img height="280" width="600" src="https://api.pachube.com/v2/feeds/10591/datastreams/5.png?width=600&height=300&colour=%23f15a24&durati on=1day&title=Hot%20Water&stroke_size=10%20%20max& show_axis_labels=true&detailed_grid=true&scale=aut o&min=-10&max=30&timezone=UTC"></img>]]></text>
</textbox>
<textbox NAME="OutGraph">
<group>graphs</group>
<posX>100</posX>
<posY>0</posY>
<width>650</width>
<height>280</height>
<text><![CDATA[<img height="280" width="600" src="https://api.pachube.com/v2/feeds/10591/datastreams/3.png?width=600&height=280&colour=%23f15a24&durati on=1day&title=Outside%20Temp&stroke_size=10%20%20m ax&show_axis_labels=true&detailed_grid=true&scale= auto&min=-10&max=30&timezone=UTC"></img>]]></text>
</textbox>
<button NAME="graph2">
<label>
<text>Water</text>
</label>
<gridX>1</gridX>
<gridY>2</gridY>
<style>menu_button_off_.png</style>
<link>HotwaterGraph</link>
<mode>link</mode>
</button>
<button NAME="page1">
<label>
<text>Main Page</text>
</label>
<gridX>4</gridX>
<gridY>2</gridY>
<style>menu_button_off_.png</style>
<link>Main</link>
<mode>pagetoggle</mode>
<group>panel</group>
</button>
</page>
Comment