# \[Announce\] Dashboard Version 2.18.0

**URL:** <https://discourse.nodered.org/t/announce-dashboard-version-2-18-0/18313>\
**Category:** Dashboard\
**Created:** [23 November 2019 13:48 UTC](https://discourse.nodered.org/t/announce-dashboard-version-2-18-0/18313 "2019-11-23T13:48:55Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [23 November 2019 13:48 UTC](https://discourse.nodered.org/t/announce-dashboard-version-2-18-0/18313/1 "2019-11-23T13:48:55Z")

</div>

Just pushed latest updates to dashboard... mainly a cleanup of small issues - but includes updating to the now maintained justgage library, so we no longer have to monkeypatch old bugs in that library, and also moving the build to gulp4 in order to support Nodejs 12.

**Enhancements**

- Update justgauge to latest (now maintained) version and drop monkeypatch. Issue #535.
- Add engines node8 to package.json (we only support node8 anyway so should have made this mandatory)

**Fixes**

- Stop propagation of swipe when using color picker - Issue #539
- Handle tab names with multiple spaces in for hide/show - Issue #541
- Update gulpfile.js to gulp 4 so it builds on Nodejs 12 - Issue #542
- Fix numeric step rounding when changed by ui\_control

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [24 November 2019 07:29 UTC](https://discourse.nodered.org/t/announce-dashboard-version-2-18-0/18313/2 "2019-11-24T07:29:02Z")

</div>

This update is great news for gauge users.  
I'v seen users asked for can we have more than 3 colors  
Now we can 🙂 And there is more ....

```auto
[{"id":"5c4c5120.bb035","type":"ui_gauge","z":"91a358ea.bbbb98","name":"","group":"dc4d8303.df87","order":0,"width":0,"height":0,"gtype":"gage","title":"gauge","label":"units","format":"{{value | number:1}}","min":0,"max":10,"colors":["#00b500","#e6e600","#ca3838"],"seg1":"5","seg2":"7","x":490,"y":180,"wires":[]},{"id":"b26a6748.70f428","type":"function","z":"91a358ea.bbbb98","name":"options","func":"msg.ui_control = {options:{customSectors: {\n percents: false, \n ranges: [{\n color : \"#009900\",\n lo : 0,\n hi : 2\n },{\n color : \"#33cccc\",\n lo : 2.1,\n hi : 4\n },{\n color : \"#3366ff\",\n lo : 4.1,\n hi : 6\n },{\n color : \"#ff00ff\",\n lo : 6.1,\n hi : 8\n },{\n color : \"#ff0000\",\n lo : 8.1,\n hi : 10\n }]\n \n}}}\ndelete msg.payload\nreturn msg;","outputs":1,"noerr":0,"x":300,"y":280,"wires":[["5c4c5120.bb035"]]},{"id":"ef9011e5.8e00d","type":"ui_slider","z":"91a358ea.bbbb98","name":"","label":"slider","tooltip":"","group":"dc4d8303.df87","order":1,"width":0,"height":0,"passthru":true,"outs":"end","topic":"","min":0,"max":10,"step":"2","x":150,"y":180,"wires":[["5c4c5120.bb035"]]},{"id":"b2eb7e33.b3416","type":"ui_button","z":"91a358ea.bbbb98","name":"","group":"dc4d8303.df87","order":2,"width":0,"height":0,"passthru":false,"label":"2 colors","tooltip":"","color":"","bgcolor":"","icon":"","payload":"","payloadType":"str","topic":"","x":140,"y":240,"wires":[["22f666e0.f2ceda"]]},{"id":"d3416f08.ad98e","type":"ui_button","z":"91a358ea.bbbb98","name":"","group":"dc4d8303.df87","order":2,"width":0,"height":0,"passthru":false,"label":"5 colors","tooltip":"","color":"","bgcolor":"","icon":"","payload":"","payloadType":"str","topic":"","x":140,"y":280,"wires":[["b26a6748.70f428"]]},{"id":"22f666e0.f2ceda","type":"function","z":"91a358ea.bbbb98","name":"options","func":"msg.ui_control = {options:{customSectors: {\n percents: false, \n ranges: [{\n color : \"#ffff00\",\n lo : 0,\n hi : 5\n },{\n color : \"#3399ff\",\n lo : 5.01,\n hi : 10\n }]\n \n}}}\ndelete msg.payload\nreturn msg;","outputs":1,"noerr":0,"x":300,"y":240,"wires":[["5c4c5120.bb035"]]},{"id":"dc4d8303.df87","type":"ui_group","z":"","name":"Charts","tab":"18e7297.06310d7","disp":true,"width":"6"},{"id":"18e7297.06310d7","type":"ui_tab","z":"","name":"Home","icon":"dashboard"}]

```

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [25 November 2019 20:43 UTC](https://discourse.nodered.org/t/announce-dashboard-version-2-18-0/18313/3 "2019-11-25T20:43:18Z")

</div>

A thing of beauty 🙂

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [25 November 2019 22:22 UTC](https://discourse.nodered.org/t/announce-dashboard-version-2-18-0/18313/4 "2019-11-25T22:22:44Z")

</div>

Sorry to throw a spanner in the works, but it doesn't seem to work.

I updated my dashboard and imported the flow.

Either button pressed I get 5 colours on the gauge.

Green, a light and dark yellow, orange and red.

NR 0.20.5 (Could be the problem)  
Dashboard 2.18.0  
node: 8.16.2

![Screenshot from 2019-11-26 09-23-32](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/3/34fe37ba7ea58a4d4fee56e8614a1831f1a75f46.png) ![Screenshot from 2019-11-26 09-23-35](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/2/27761c5276261c8be6cce21ef35fb0f495c0c36c.png) ![Screenshot from 2019-11-26 09-23-39](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/0/0bf3592cc0e94777b024d45a395207596e6a193b.png) ![Screenshot from 2019-11-26 09-23-42](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/c/c96b6bdd0452faae2c3fe6b3c37eaa2499596fa0.png) ![Screenshot from 2019-11-26 09-23-44](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/3/37bed6c667ccf5d4bfb3c9ea8a1b803df3b1f6d3.png)

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [26 November 2019 05:42 UTC](https://discourse.nodered.org/t/announce-dashboard-version-2-18-0/18313/5 "2019-11-26T05:42:07Z")

</div>

> [@Trying\_to\_learn](#):
>
> NR 0.20.5 (Could be the problem)

I think you have pointed out the reason for sure. Also the nodejs is reasonable to have updated.