Solution to integrate the Energy page into a widget Topic is solved

Subforum for general discussions. Do not dump your questions/problems here, but try to find the subforum where it belongs!

Moderators: leecollings, remb0

Post Reply
pfloryann
Posts: 254
Joined: Wednesday 09 January 2019 10:14
Target OS: Raspberry Pi / ODroid
Domoticz version: 2026.3
Location: BlooeSky
Contact:

Solution to integrate the Energy page into a widget

Post by pfloryann »

I integrated the Energy page into an html widget in dynamic dashboard through an iframe, it works very well but only locally. From outside for security reasons it is blocked. What solutions would be to make it work?
Attachments
Screenshot 2026-08-19 at 19-52-52 Domoticz.png
Screenshot 2026-08-19 at 19-52-52 Domoticz.png (191.45 KiB) Viewed 787 times
Last edited by pfloryann on Wednesday 26 August 2026 9:48, edited 1 time in total.
Domoticz on Raspberry Pi 4 Debian 13 x64
Zigbee2mqtt and zigbee devices (Xiaomi, Ikea,Tuya, Philips, Osram), Broadlink, Solar power Victron Energy, Yeelight, Xiaomi Purifier Pro, Roborock S5, Gree AC, JBL soundbar, Philips Android Tv
pfloryann
Posts: 254
Joined: Wednesday 09 January 2019 10:14
Target OS: Raspberry Pi / ODroid
Domoticz version: 2026.3
Location: BlooeSky
Contact:

Re: Solution to integrate the Energy page into a widget?

Post by pfloryann »

Finally, we managed to display the energy page without the domoticz header in an html widget in Dynamic Dashboard.

After adding the html code below to the html widget(must check Allow backend API access ) and the mentioned settings, it will be displayed exactly as in the image above.


<div style="width:100%; height:850px; overflow:hidden;">
<iframe
src="/#/Energy" scrolling="no"
style="
width:100%;
height:950px;
border:0;
margin-top:-255px;
margin-left:-25px
">
</iframe>
</div>

*height and margins it must be set according to the size of your widget.
Last edited by pfloryann on Monday 28 September 2026 9:44, edited 2 times in total.
Domoticz on Raspberry Pi 4 Debian 13 x64
Zigbee2mqtt and zigbee devices (Xiaomi, Ikea,Tuya, Philips, Osram), Broadlink, Solar power Victron Energy, Yeelight, Xiaomi Purifier Pro, Roborock S5, Gree AC, JBL soundbar, Philips Android Tv
Doler
Posts: 195
Joined: Friday 31 July 2015 21:02
Target OS: Raspberry Pi / ODroid
Domoticz version: Beta
Location: Sint-Oedenrode, Netherlands
Contact:

Re: Solution to integrate the Energy page into a widget

Post by Doler »

Works great.
Mark: Domoticz latest Beta on Virtual machine (Proxmox) running Debian Trixie - Z-Stick 7 - RFXCom - P1 - SolarEdge - Dahua - Philips Hue - Docker - Zigbee2mqtt (latest, docker) via python plugin - Zwave-js-ui (latest, docker) - dzVents - Nodered
User avatar
gizmocuz
Posts: 3026
Joined: Thursday 11 July 2013 18:59
Target OS: Raspberry Pi / ODroid
Domoticz version: beta
Location: Top of the world
Contact:

Re: Solution to integrate the Energy page into a widget

Post by gizmocuz »

We already have a energy dashboard widget that should display all stats? (except the custom sensors)
Quality outlives Quantity!
Doler
Posts: 195
Joined: Friday 31 July 2015 21:02
Target OS: Raspberry Pi / ODroid
Domoticz version: Beta
Location: Sint-Oedenrode, Netherlands
Contact:

Re: Solution to integrate the Energy page into a widget

Post by Doler »

You are absolutely right but the Energy Dashboard page adds to that the energy flow so you see at a glance what is going on. The Energy Dashboard widget shows (of course) the same values but is more static. It would be nice if the Energy Dashboard page could be added natively as a widget.
Mark: Domoticz latest Beta on Virtual machine (Proxmox) running Debian Trixie - Z-Stick 7 - RFXCom - P1 - SolarEdge - Dahua - Philips Hue - Docker - Zigbee2mqtt (latest, docker) via python plugin - Zwave-js-ui (latest, docker) - dzVents - Nodered
Post Reply