covrig / homeassistant-iframe-card Goto Github PK

Did you get a chance to update this for the new experimental UI?

https://developers.home-assistant.io/docs/en/lovelace_index.html
https://github.com/home-assistant/home-assistant-polymer/tree/master/src/panels/lovelace

I tried, but could not get it to work. Here's the modified file.

Following instructions for Lovelace, I downloaded the lovelace-iframe.html file and copied it to config/www/custom_ui/. Checked perms. Added the following to my configuration.yaml:

frontend:
  extra_html_url:
  - /local/custom_ui/lovelace-iframe.html

Restarted hass.io and attempted to use the same example you provided as a test:

- type: "custom:lovelace-iframe"
  url: https://embed.windy.com/embed2.html?lat=48.234&lon=8.598&zoom=5&level=surface&overlay=radar&menu=&message=&marker=&calendar=&pressure=&type=map&location=coordinates&detail=&detailLat=48.234&detailLon=8.598&metricWind=default&metricTemp=default&radarRange=-12
  height: 700
  title: WEATHER
  title-color: white
  title-background-color: darkgrey
  title-font-size: 15px
  title-font-weight: 500  

When I refresh I get the following error:

I saw another user with the same issue in the forums. Are we both missing something?

Hej,

any idea why the height isn't correctly set on mobile devices (browser and iOS App)? Only the title (which we cleared out with ' ') is shown. The actual iframe does not appear. Works with desktop browser

Thanks in advance