Anything in the console log with either of them?
Did you try a second browser?
Ok, think I found the problem, but not sure how to resolve on windows 7. Since Iām just messing around with the bogus HA install on Windows 7 Iām getting the following 404 error for the state-card-iframe.html.
I imagine it wonāt be much of an issue when it comes to me actually running my setup on my pi. But, how would I point the config to the file correctly in this case (on windows)?
Hi All
I have the same issue as @caffeinatedmike. Did you get this resolved? I have added and installed as per the instructions and as per your screen shots
The problem I am having is the Code from the Widget. This is all the embedded code from the website that generates the code for 3 days of Weather forecast in NZ
<iframe id="widget-iframe" width="300px" height="195px"
src="https://services.metservice.com/weather-widget/widget?params=blue|medium|portrait|days-3|classic&loc=ashburton&type=urban" allowtransparency="true" style="border:none" />
However as soon as i copy the LINK ONLY into web page or into HA it does not work correctly. It defaults to the default location of Auckland instead of Asburton as per the code. I have pasted the entire code into a Web site and it works fine
Please can anyone help out?
Cheers
Hi. It could be that the website redirects the call to the default values. Not sure I can help without a console log.
Console Log. Where do I get this from please?
hello.
I installed as explained :
lovelace-iframe.html copied to -> /config/www/custom_ui/lovelace-iframe.html
configuration.yaml - >
frontend:
extra_html_url:
- /local/custom_ui/lovelace-iframe.html
ui-lovelace.yaml - >
views:
- name: Iframe
cards:- 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
- type: ācustom:lovelace-iframeā
I get error:
i.setConfig is not a function
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
You can use the official webpage cared. Less of a headache. This is deprecated.
Thanks , I tried it , and tried panel_iframe and still see empty window.
Use this abbreviated piece of the URL only (Christchurch in my example), and it works: