HADashboard v2 beta and iframes (grafana)

Third party integrations HADashboard
1

Hi!

Just opened the door to the world of HADashboard which have risen the WAF of my home automation… Now I’m trying to get into a bit deeper waters with iframing from grafana when the widget was introduced in v2b2. I would be more than grateful if someone more experienced could just paste an example of how to use the widget.

2

Here’s an example:

wink_status:
    widget_type: iframe
    title: Wink Status
    refresh: 3600
    url_list:
       - http://status.winkapp.com/

You can also do this with images if you replace the url_list: with img_list. Not sure how grafana handles graphs and whether they are images or not.

(But please make any subsequent posts about the beta in the beta thread.)

1 Like
3

I simply added the entire dashboard as a link in Homeassistant. Code below:

panel_iframe:
stats:
title: Charts
icon: mdi:chart-areaspline
url: “http://192.168.1.5:8123/local/charts.html”

And a HTML file called charts.html in the www folder (you can find that folder in the same folder as configuration.yaml
>
> 

> </head>
> <body>
> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 100%; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='http://192.168.1.5:3000/dashboard/db/new-dashboard-copy?from=now-7d&to=now' style='border:0'></iframe></div>
> </body>
> </html>
2 Likes
4

I’am hijacking this thread a litte… Sorry! I want to have an iframe over all of my -element in the background (so it displays another webpage in the backgroud). Can you lead me a bit in the right direction where to configure the iframe-widget to achieve this?

5

Not sure I understand what you are looking to do but it would be better for you to post this in the beta forum where Andrew can see it. :wink:

6

Thx for your reply. I solved it. I wanted a iframe in the background to fill all of the body. I’ll post my dashboard as soon as it’s not a shame to show to other people :wink: Then you can see what my goal was. I’ll post it in the beta forum as you suggested.

1 Like
7

Great, I look forward to seeing it!

8

This solution no longer seems to work. Anyone any idea if this is still possible?