iFrame card auto refresh

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.


Hi jankete,

ever found a solution for this problem?

I’am facing the same problem at the moment.

Unfortunatly not.


thank you anyway :slight_smile:

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">
    <meta charset="utf-8">
    <meta http-equiv="refresh" content="5">
    <title>My custom web page</title>
   <iframe src="https://you-iframe-url"  frameborder="0"></iframe>

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


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?

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
  - input_button.meine_taste
  type: iframe
  url: >-
  aspect_ratio: 100%
1 Like