# Windy template in dashboard 2.0

**URL:** <https://discourse.nodered.org/t/windy-template-in-dashboard-2-0/99758>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [23 November 2025 13:54 UTC](https://discourse.nodered.org/t/windy-template-in-dashboard-2-0/99758 "2025-11-23T13:54:36Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ino](https://avatars.discourse-cdn.com/v4/letter/i/bbe5ce/32.png) [@Ino](https://discourse.nodered.org/u/Ino)\
**Post date:** [23 November 2025 13:54 UTC](https://discourse.nodered.org/t/windy-template-in-dashboard-2-0/99758/1 "2025-11-23T13:54:36Z")

</div>

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

```auto
[
    {
        "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!

---

<div class="post-metadata">

**Author:** ![Buckskin](https://avatars.discourse-cdn.com/v4/letter/b/b9e5f3/32.png) [@Buckskin](https://discourse.nodered.org/u/Buckskin)\
**Post date:** [23 November 2025 16:46 UTC](https://discourse.nodered.org/t/windy-template-in-dashboard-2-0/99758/2 "2025-11-23T16:46:44Z")

</div>

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

```HTML
<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>

```

---

<div class="post-metadata">

**Author:** ![Ino](https://avatars.discourse-cdn.com/v4/letter/i/bbe5ce/32.png) [@Ino](https://discourse.nodered.org/u/Ino)\
**Post date:** [23 November 2025 17:08 UTC](https://discourse.nodered.org/t/windy-template-in-dashboard-2-0/99758/3 "2025-11-23T17:08:47Z")

</div>

Perfect; its working again

Thanks!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [21 December 2025 13:23 UTC](https://discourse.nodered.org/t/windy-template-in-dashboard-2-0/99758/4 "2025-12-21T13:23:38Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.