\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [9 April 2024 06:20 UTC](https://discourse.nodered.org/t/binding-html-code-to-dashboard-2-0-template-doesn-t-work-as-in-dashboard/87092 "2024-04-09T06:20:26Z")\
**Posts on this page:** 8\
**Page:** 1
**Author:**  [@nobs](https://discourse.nodered.org/u/nobs)\
**Post date:** [9 April 2024 06:20 UTC](https://discourse.nodered.org/t/binding-html-code-to-dashboard-2-0-template-doesn-t-work-as-in-dashboard/87092/1 "2024-04-09T06:20:26Z")
I wanted to convert my old dashboard to dashboard-v2. The following code is in a template node of the old dashboard .
```auto
```
in the variable msg.html is a Html page for example:
---
**Author:**  [@Nodey](https://discourse.nodered.org/u/Nodey)\
**Post date:** [9 April 2024 06:32 UTC](https://discourse.nodered.org/t/binding-html-code-to-dashboard-2-0-template-doesn-t-work-as-in-dashboard/87092/2 "2024-04-09T06:32:03Z")
Hi,
you have to use following notation:
```auto
```
---
**Author:**  [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [9 April 2024 06:42 UTC](https://discourse.nodered.org/t/binding-html-code-to-dashboard-2-0-template-doesn-t-work-as-in-dashboard/87092/3 "2024-04-09T06:42:09Z")
Dashboard 2.0 uses Vue. What you have in your screenshot is angularjs which Dashboard 1 is written for.
If you search the label #dashboard-2 you will find many examples. Here is a basic one to get you started: [Simple Dashboard 2.0 Template node example](https://discourse.nodered.org/t/simple-dashboard-2-0-template-node-example/86946)
As for binding html, there are many hundreds of thousands of articles about "Vue bind html" around the web but to get you started, here is an example ``
* * *
In future, please do not post pictures of code, simply post the code in a code block instead. Thank you.
---
**Author:**  [@nobs](https://discourse.nodered.org/u/nobs)\
**Post date:** [9 April 2024 06:58 UTC](https://discourse.nodered.org/t/binding-html-code-to-dashboard-2-0-template-doesn-t-work-as-in-dashboard/87092/4 "2024-04-09T06:58:59Z")
I am not free in coding with Vue. The HTML code comes from the DWD weather node.
If i use the following code
```auto
```
the page is empty.
if i use following code
```auto
{{msg.html}}
```
the page shows only the string.
---
**Author:**  [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [9 April 2024 07:01 UTC](https://discourse.nodered.org/t/binding-html-code-to-dashboard-2-0-template-doesn-t-work-as-in-dashboard/87092/5 "2024-04-09T07:01:46Z")
In order to make code readable and usable it is necessary to surround your code with three backticks (also known as a left quote or backquote `````)
````auto
```
code goes here
```
````
You can edit and correct your post by clicking the pencil ✏ icon.
See this post for more details - [How to share code or flow json](https://discourse.nodered.org/t/how-to-share-code-or-flow-json/506)
---
**Author:**  [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [9 April 2024 07:03 UTC](https://discourse.nodered.org/t/binding-html-code-to-dashboard-2-0-template-doesn-t-work-as-in-dashboard/87092/6 "2024-04-09T07:03:08Z")
> [@nobs](#):
>
> if i use following code
>
> ` {{msg.html}}`
>
> `the page shows only the string.`
For VUE (which dashboard 2 uses), you need to use `v-html` syntax
> [@Steve-Mcl](#):
>
> As for binding html, there are many hundreds of thousands of articles about "Vue bind html" around the web but to get you started, here is an example ``
---
**Author:**  [@nobs](https://discourse.nodered.org/u/nobs)\
**Post date:** [9 April 2024 07:33 UTC](https://discourse.nodered.org/t/binding-html-code-to-dashboard-2-0-template-doesn-t-work-as-in-dashboard/87092/7 "2024-04-09T07:33:03Z")
The code is now working thanks a lot.
```auto
```
---
**Author:**  [@system](https://discourse.nodered.org/u/system)\
**Post date:** [23 April 2024 07:33 UTC](https://discourse.nodered.org/t/binding-html-code-to-dashboard-2-0-template-doesn-t-work-as-in-dashboard/87092/8 "2024-04-23T07:33:32Z")
This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.