# Gauge's for Dashboard 2.0 made with ui\_template

**URL:** <https://discourse.nodered.org/t/gauges-for-dashboard-2-0-made-with-ui-template/85955>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [27 February 2024 13:43 UTC](https://discourse.nodered.org/t/gauges-for-dashboard-2-0-made-with-ui-template/85955 "2024-02-27T13:43:09Z")\
**Posts on this page:** 1\
**Page:** 9

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [7 October 2025 20:00 UTC](https://discourse.nodered.org/t/gauges-for-dashboard-2-0-made-with-ui-template/85955/161 "2025-10-07T20:00:38Z")

</div>

Welcome to the forum @eriku. 😀

Firstly you need to install @flowfuse/node-red-dashboard in Node-red. You can use the Manage Palette option in the main editor menu.  
Make sure that you get this version, not node-red-dashboard which is out of date.

> [@eriku](#):
>
> I assume the template code gets pasted into the template window of a template node (I do understand setting the type and UI). Do I replace the default template text entirely?

Yes. A template node is prefilled with some sample code to illustrate the three allowed sections, between `<template>`, `<script>` and `<style>` tags. Get rid of all of it.

> [@eriku](#):
>
> What do I do with the CSS code?

You have two choices. Either it can all go in the one template node, with the CSS between `<style> ... </style>` tags or else (generally better) you can put the CSS into a separate template set to be type CSS. In this case you mustn't have `<script>` tags!

[Previous page](https://discourse.nodered.org/t/gauges-for-dashboard-2-0-made-with-ui-template/85955.md?page=8)