Hi All, I’m in the process of creating some new widgets I was missing myself for my wall mounted dashboard. For this I will be using some iframes too, for example YouTube and Windy. All of this is working fine on android and displays nicely and I was looking into publishing the widgets for others to use too.
The only thing is when using the same widgets on a IOS device they are not loading the iframe. My guess it has something todo with the security settings of homey or there implementation of the wkwebviewconfiguration item. When I use the debugging options I do not see any errors just a white screen.
Is there someone who knows more about this and can help me? I will place a simple widget example below:
// index.html
<html>
<head>
<style>
/* Example of a custom CSS class. */
.custom-image-class {
margin: var(--homey-su-3) auto var(--homey-su-5);
}
</style>
</head>
<body class="homey-widget">
<iframe width="650" height="450" src="https://embed.windy.com/embed.html?type=map&location=coordinates&metricRain=default&metricTemp=default&metricWind=default&zoom=5&overlay=wind&product=ecmwf&level=surface&lat=52.215&lon=6.015" frameborder="0"></iframe>
<script type="text/javascript">
function onHomeyReady(Homey) {
Homey.ready();
// View the settings the user provided if your widget has settings.
console.log('Widget settings:', Homey.getSettings());
// Fetch something from your app.
Homey.api('GET', '/', {})
.then((result) => {
console.log(result);
})
.catch(console.error);
}
</script>
</body>
</html>
