Dark Sky widget

Third party integrations HADashboard
1

I would like to integrate the Dark Sky - Widget in HADashbord https://darksky.net/widgets.

My code:
weather_frame:
widget_type: iframe
refresh: 300
frame_style: “”
url_list:
- https://darksky.net/widget/default/42.360082,-71.05888/uk12/en.js?width=100%&height=150&title=Full Forecast&textColor=333333&bgColor=FFFFFF&transparency=false&skyColor=333333&fontFamily=Default&customFont=&units=uk&htColor=333333&ltColor=C7C7C7&displaySum=yes&displayHeader=yes

My HADashboard:
wether

I think the problem could be the javascript but I couldn’t solve it.

Thanks for your help

2

that is no dashboard problem.

if i put that url in a browser i get the same errors, so the problem is in the website.

you cant fix that yourself, it needs to be fixed at the darksky website.

you could create your own html page that contains the widget and the element “customize-script-container”
and use the url from that html page in your widget.

3

if a make a simple html code, it works. (outside HA, Apache/2.4.7)
<!DOCTYPE html>
<html>
<body>
<script type=‘text/javascript’ src=‘https://darksky.net/widget/default/42.360082,-71.05888/uk12/en.js?width=100%&height=350&title=Full Forecast&textColor=333333&bgColor=FFFFFF&transparency=false&skyColor=333333&fontFamily=Default&customFont=&units=uk&htColor=333333&ltColor=C7C7C7&displaySum=yes&displayHeader=yes’></script>
</body>
</html>

ds_widget
ds_widget1279×777 30.7 KB

4

so call that url in the widget

5

OK, I understand you :slight_smile:
I’m going to try it

1 Like
6

And it works :slight_smile:
Thank you

1 Like
7

I am not able to access the local file. Could you tell me what route to put?

8

you can use

/appdaemon_config/custom_css/html/test.html
and access that through

http://your_dashboardurl:port/custom_css/html/test.html