I create an Html page and save it to the hub file manager and load the html file to the iframe device. something like this.
html file
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="refresh" content="120" />
<meta http-equiv=”Content-type” CONTENT=”text/html; charset=utf-8?>
</head>
<body style='margin:0;padding:0;'>
<!--Paste the code from weather.io here!-->
<a class="weatherwidget-io" href="https://forecast7.com/en/49d28n123d12/vancouver/" data-label_1="VANCOUVER" data-label_2="WEATHER" data-theme="weather_one" >VANCOUVER WEATHER</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>
<!--End code from weather.io here!-->
</body>
dashboard looks like this
the background of the weather.io changes depending on the weather.
I have the weather tile refreshes every 120 minutes with this in the code
meta http-equiv="refresh" content="120"
