# Thermostat UI Question

**URL:** <https://discourse.nodered.org/t/thermostat-ui-question/8824>\
**Category:** Dashboard\
**Created:** [11 March 2019 07:42 UTC](https://discourse.nodered.org/t/thermostat-ui-question/8824 "2019-03-11T07:42:30Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![EdgarM](https://avatars.discourse-cdn.com/v4/letter/e/90ced4/32.png) [@EdgarM](https://discourse.nodered.org/u/EdgarM)\
**Post date:** [11 March 2019 07:42 UTC](https://discourse.nodered.org/t/thermostat-ui-question/8824/1 "2019-03-11T07:42:30Z")

</div>

Hi there,

how do you handle thermostats in your dashboard? I have found some examples but cant believe, that this is all that exists.

The only usable example was the nest flow I found and i have adapted it to my Homematic devices, but even this is not really "perfect".

I am thinking about an Gauge kind of thing with current and set temperature, and also having more Information like the valve and battery display.

Optional generated buttons for predifined Temperature Settings would be good like off, boost, warm...

Does anybody already implement this?

regards

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [11 March 2019 09:07 UTC](https://discourse.nodered.org/t/thermostat-ui-question/8824/2 "2019-03-11T09:07:49Z")

</div>

Check out Pete Scargill's blog - he has some good examples.

I also posted something I've been working on though I use a table at the moment - I might switch to using a linear gauge at some point but I've been busy on other things recently. I also want to eventually implement "scenes" for heating so that the family can boost the ground floor for example.

> [@New home dashboard using uibuilder and bootstrap-vue](https://discourse.nodered.org/t/new-home-dashboard-using-uibuilder-and-bootstrap-vue/6764):
>
> Hi all, thought I'd share something of a project I've been working on over Christmas. My family have been complaining that the Drayton Wiser smart heating system and my smart lighting aren't easy enough to use. While I've used Node-RED's native dashboard in the past, it isn't always that mobile friendly (it is very resource hungry for one thing) and it can be hard to get just the layout you want. So I decided I should start building a custom dashboard. My uibuilder node lets me choose any fro…

---

<div class="post-metadata">

**Author:** ![EdgarM](https://avatars.discourse-cdn.com/v4/letter/e/90ced4/32.png) [@EdgarM](https://discourse.nodered.org/u/EdgarM)\
**Post date:** [14 March 2019 10:34 UTC](https://discourse.nodered.org/t/thermostat-ui-question/8824/3 "2019-03-14T10:34:34Z")

</div>

Hi TotallyInformation,

thanks for the two links/thread, I was already reading into it and am looking forward to see it beeing done 🙂

regards

---

<div class="post-metadata">

**Author:** ![bohtho](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bohtho/32/6153_2.png) [@bohtho](https://discourse.nodered.org/u/bohtho)\
**Post date:** [30 March 2019 17:52 UTC](https://discourse.nodered.org/t/thermostat-ui-question/8824/4 "2019-03-30T17:52:12Z")

</div>

While I want to go @TotallyInformation ‘s way myself with uibuilder next, there is a NR dashboard ui widget which has all the thermostat elements you look for, though not being a gauge: [https://flows.nodered.org/node/node-red-contrib-heater-controller](https://flows.nodered.org/node/node-red-contrib-heater-controller)

---

<div class="post-metadata">

**Author:** ![bohtho](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bohtho/32/6153_2.png) [@bohtho](https://discourse.nodered.org/u/bohtho)\
**Post date:** [30 March 2019 18:17 UTC](https://discourse.nodered.org/t/thermostat-ui-question/8824/5 "2019-03-30T18:17:30Z")

</div>

Regarding future gauges in uibuilder with vue, here’s an example of use of a simple gauge courtesy of echarts for vue: [https://radiostud.io/build-vuejs-widget-data-visualization/](https://radiostud.io/build-vuejs-widget-data-visualization/)

---

<div class="post-metadata">

**Author:** ![EdgarM](https://avatars.discourse-cdn.com/v4/letter/e/90ced4/32.png) [@EdgarM](https://discourse.nodered.org/u/EdgarM)\
**Post date:** [5 April 2019 08:09 UTC](https://discourse.nodered.org/t/thermostat-ui-question/8824/6 "2019-04-05T08:09:43Z")

</div>

hi bohtho,

thanks for the first, I knew that already, but I would not even show that to my wife. Of course it works, but it is overloaded and has now WAF in my eyes.

the Vue thing seems very nice, I will take a second look into that thing, thanks.

regards