iFrame card auto refresh

Configuration
1

Hi, is it possible to refresh an iframe card every 10 minutes? I use it for showing information from windy. And all is displayed via WallPanel. So the iframe card stays at the view, the home-assistent page was loaded and is not updated until the whole page is refreshed.

Regards,
Jankete

2

Hi jankete,

ever found a solution for this problem?

I’am facing the same problem at the moment.

3

Unfortunatly not.

4

Ok,

thank you anyway :slight_smile:

5

You can add something like a meta refresh.

<meta http-equiv="refresh" content="5">

this header refresh page every 5 sec.

You need create custom web page in your <config-directory>/www/my_custom_web_page/index.html
For example:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="refresh" content="5">
    <title>My custom web page</title>
  </head>
  <body>
   <iframe src="https://you-iframe-url"  frameborder="0"></iframe>
  </body>
</html>

And just use custom page like iframe

  • type: iframe
    url: “/local/my_custom_web_page/index.html”

It’s actually partly documented here: Webpage Card - Home Assistant

6 Likes
6

I am using NWS Radar and was able to use this technique, but it only shows the header and a drop down in the iframe (whereas it shows the whole map in a webpage card)…is there a way to make the iframe show the same or is that a limitation of Iframe?

7

Hi, I solved that issue by using the https://github.com/iantrich/config-template-card

In sample below i defined in helpers for test purposes just a button “meine_taste” and that entity will be observed for any changes. Any push will result in reloading the embedded iframe-card.

type: custom:config-template-card
entities:
  - input_button.meine_taste
card:
  type: iframe
  url: >-
    https://embed.windy.com/......
  aspect_ratio: 100%
1 Like