# Convert template for Dashboard 1 to template for dashboard 2

**URL:** <https://discourse.nodered.org/t/convert-template-for-dashboard-1-to-template-for-dashboard-2/92411>\
**Category:** Dashboard\
**Tags:** dashboard-2, ui-template\
**Created:** [15 October 2024 13:41 UTC](https://discourse.nodered.org/t/convert-template-for-dashboard-1-to-template-for-dashboard-2/92411 "2024-10-15T13:41:46Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [15 October 2024 13:50 UTC](https://discourse.nodered.org/t/convert-template-for-dashboard-1-to-template-for-dashboard-2/92411/2 "2024-10-15T13:50:15Z")

</div>

Old dashboard uses the long depreciated angular v1

New dashboard uses [vue](https://vuejs.org/) + [vuetify](https://vuetifyjs.com/en/components/all/#containment)

The new dashboard has extensive docs including a migration guide: [Dashboard 1.0 Migration Guide | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/user/migration.html)

On top of what I wrote here: [Subflow - UI Group - #11 by Steve-Mcl](https://discourse.nodered.org/t/subflow-ui-group/92068/11) , most things have an immediate alternative. e.g. `md-button` becomes `v-btn` and the docs for `v-btn` are here: [Button component — Vuetify](https://vuetifyjs.com/en/components/buttons/#usage)

---

_[View the full topic](https://discourse.nodered.org/t/convert-template-for-dashboard-1-to-template-for-dashboard-2/92411)._