Windy template in dashboard 2.0

Dashboard
1

I tried to migrate a (working) windy template to dashboard 2.0 but unfortunately it failed. The next flow is used:

[
    {
        "id": "e464b0621a05749d",
        "type": "ui_template",
        "z": "69df653741930530",
        "group": "42cdf89657f46f42",
        "name": "",
        "order": 1,
        "width": 9,
        "height": 10,
        "format": "",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "resendOnRefresh": true,
        "templateScope": "local",
        "className": "",
        "x": 660,
        "y": 280,
        "wires": [
            []
        ]
    },
    {
        "id": "9722c9b5de0f9dea",
        "type": "change",
        "z": "69df653741930530",
        "name": "windy temperatuur template",
        "rules": [
            {
                "t": "set",
                "p": "template",
                "pt": "msg",
                "to": "<iframe width=\"320\" height=\"320\" src=\"https://embed.windy.com/embed.html?type=map&location=coordinates&metricRain=default&metricTemp=default&metricWind=default&zoom=6&overlay=temp&product=ecmwf&level=surface&lat=52.201&lon=4.087&message=true\" frameborder=\"0\"></iframe>",
                "tot": "str"
            }
        ],
        "action": "",
        "property": "",
        "from": "",
        "to": "",
        "reg": false,
        "x": 460,
        "y": 280,
        "wires": [
            [
                "e464b0621a05749d"
            ]
        ]
    },
    {
        "id": "42cdf89657f46f42",
        "type": "ui_group",
        "name": "Windy",
        "tab": "19a6100e7a2e309c",
        "order": 2,
        "disp": false,
        "width": 18,
        "collapse": false,
        "className": ""
    },
    {
        "id": "19a6100e7a2e309c",
        "type": "ui_tab",
        "name": "HOME",
        "icon": "home",
        "order": 1,
        "disabled": false,
        "hidden": false
    }
]

Are there any suggestions te get it work?
Thanks in advantage!

2

Try this in a ui-template node. You may have to tinker with the size

<template>
    <iframe width="320" height="320" src="https://embed.windy.com/embed.html?type=map&location=coordinates&metricRain=default&metricTemp=default&metricWind=default&zoom=6&overlay=temp&product=ecmwf&level=surface&lat=52.201&lon=4.087&message=true" frameborder="0"></iframe>

</template>

<script>
    export default {
        data() {
            // define variables available component-wide
            // (in <template> and component functions)
            return {

            }
        },
        watch: {
            // watch for any changes of "count"

        },
        computed: {
            // automatically compute this variable
            // whenever VueJS deems appropriate

        },
        methods: {
            // expose a method to our <template> and Vue Application

        },
        mounted() {
            // code here when the component is first loaded
        },
        unmounted() {
            // code here when the component is removed from the Dashboard
            // i.e. when the user navigates away from the page
        }
    }
</script>

<style>
    /* define any styles here - supports raw CSS */

</style>
3

Perfect; its working again

Thanks!