# Gauge node (compass) in Dashboard v2.19

**URL:** <https://discourse.nodered.org/t/gauge-node-compass-in-dashboard-v2-19/18527>\
**Category:** Dashboard\
**Created:** [27 November 2019 19:55 UTC](https://discourse.nodered.org/t/gauge-node-compass-in-dashboard-v2-19/18527 "2019-11-27T19:55:28Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [27 November 2019 19:55 UTC](https://discourse.nodered.org/t/gauge-node-compass-in-dashboard-v2-19/18527/1 "2019-11-27T19:55:28Z")

</div>

I have just imported my flow into a new installation of node-RED.  
The original dashboard version is v2.17.1 and the the gauge node looks like this -

![2_17_1](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/f/fca795bb1352c2885a20affe8d58ceaa7c030301.jpeg)

The new installation is using Dashboard version 2.19 and looks like (using the same flow) -

![2_19](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/6/61be61273074d77991d05fcd77f7fb532d1e7fba.jpeg)

Apart from the difference in screen resolution for the two systems, note that v2.19 doesn't scale to the 3x3 container.

---

<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:** [27 November 2019 20:11 UTC](https://discourse.nodered.org/t/gauge-node-compass-in-dashboard-v2-19/18527/2 "2019-11-27T20:11:50Z")

</div>

Must be another breaking change in the justgage library. Maybe @robertsLando has an idea ?

---

<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:** [27 November 2019 20:46 UTC](https://discourse.nodered.org/t/gauge-node-compass-in-dashboard-v2-19/18527/3 "2019-11-27T20:46:45Z")

</div>

I tried some css manipulatons at dashboard side. Didn't found any easy or straightforward fix to satisfy all layouts.

---

<div class="post-metadata">

**Author:** ![robertsLando](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/robertslando/32/6937_2.png) [@robertsLando](https://discourse.nodered.org/u/robertsLando)\
**Post date:** [28 November 2019 06:54 UTC](https://discourse.nodered.org/t/gauge-node-compass-in-dashboard-v2-19/18527/4 "2019-11-28T06:54:00Z")

</div>

Try to check the option:

relativeGaugeSize

Daniel

---

<div class="post-metadata">

**Author:** ![Erik](https://avatars.discourse-cdn.com/v4/letter/e/b5ac83/32.png) [@Erik](https://discourse.nodered.org/u/Erik)\
**Post date:** [28 November 2019 15:22 UTC](https://discourse.nodered.org/t/gauge-node-compass-in-dashboard-v2-19/18527/5 "2019-11-28T15:22:06Z")

</div>

Where do i have to check it?

this is the same issue [Button Label location](https://discourse.nodered.org/t/button-label-location/18513)

---

<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:** [28 November 2019 22:54 UTC](https://discourse.nodered.org/t/gauge-node-compass-in-dashboard-v2-19/18527/6 "2019-11-28T22:54:13Z")

</div>

I've pushed a change to the master branch for people to try.

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [29 November 2019 09:27 UTC](https://discourse.nodered.org/t/gauge-node-compass-in-dashboard-v2-19/18527/7 "2019-11-29T09:27:22Z")

</div>

Running from within `.node-red` I get -

```auto
[opc@digitalnut .node-red]$ npm install node-red/node-red-dashboard
npm ERR! code ENOENT
npm ERR! syscall spawn git
npm ERR! path git
npm ERR! errno ENOENT
npm ERR! enoent Error while executing:
npm ERR! enoent undefined ls-remote -h -t ssh://git@github.com/node-red/node-red-dashboard.git
npm ERR! enoent
npm ERR! enoent
npm ERR! enoent spawn git ENOENT
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent
npm ERR! A complete log of this run can be found in:
npm ERR! /home/opc/.npm/_logs/2019-11-29T09_23_13_469Z-debug.log

```

node v10.17.0

---

<div class="post-metadata">

**Author:** ![afelix](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/afelix/32/9743_2.png) [@afelix](https://discourse.nodered.org/u/afelix)\
**Post date:** [29 November 2019 10:21 UTC](https://discourse.nodered.org/t/gauge-node-compass-in-dashboard-v2-19/18527/8 "2019-11-29T10:21:16Z")

</div>

@Paul-Reed make sure you have git imstalled on your system, npm tries to execute it but fails to find the binary.

---

<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:** [29 November 2019 10:23 UTC](https://discourse.nodered.org/t/gauge-node-compass-in-dashboard-v2-19/18527/9 "2019-11-29T10:23:03Z")

</div>

well it is there - maybe try https instead ?

```auto
npm i https://github.com/node-red/node-red-dashboard

```

---

<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:** [29 November 2019 10:36 UTC](https://discourse.nodered.org/t/gauge-node-compass-in-dashboard-v2-19/18527/10 "2019-11-29T10:36:02Z")

</div>

Meanwhile, I'm getting closer. 🙂  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/c/c9de1bf06eef66c4eed0e6aeae68e47bc299ff18.png)  
The liquidfill stuff takes a bit more than just css. Working on it.

---

<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:** [29 November 2019 12:46 UTC](https://discourse.nodered.org/t/gauge-node-compass-in-dashboard-v2-19/18527/11 "2019-11-29T12:46:57Z")

</div>

Well this is as on master currently

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/e/e7b0842349747dba926059b20026ecb1799d88c6.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:** [29 November 2019 12:49 UTC](https://discourse.nodered.org/t/gauge-node-compass-in-dashboard-v2-19/18527/12 "2019-11-29T12:49:08Z")

</div>

With what browser?

---

<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:** [29 November 2019 12:53 UTC](https://discourse.nodered.org/t/gauge-node-compass-in-dashboard-v2-19/18527/13 "2019-11-29T12:53:11Z")

</div>

Chrome and Firefox,

Safari like this - so different but not bad

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/c/c47baec38bdff7a1419520f86ed28d3fe6ef1f46.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:** [29 November 2019 13:20 UTC](https://discourse.nodered.org/t/gauge-node-compass-in-dashboard-v2-19/18527/14 "2019-11-29T13:20:55Z")

</div>

Seems we reached to near similar results. Time for me to do some other fancy stuff. By having no safari situation at home, can't do much more. 🙂

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [29 November 2019 20:20 UTC](https://discourse.nodered.org/t/gauge-node-compass-in-dashboard-v2-19/18527/15 "2019-11-29T20:20:57Z")

</div>

> [@afelix](#):
>
> make sure you have git installed on your system

Sorted! I needed to open Port 443. Now all working thanks.

> [@dceejay](#):
>
> I've pushed a change to the master branch for people to try.

`29 Nov 20:03:11 - [info] Dashboard version 2.19.1-beta started at /ui`

Tried clearing cache, incognito mode & three different browsers, and the gauge (compass) still looks the same on each.

![dash](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/8/89d7fe7a36340d98ff32e7ef78c2b9b5d38b6c9b.jpeg)

---

<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:** [29 November 2019 23:44 UTC](https://discourse.nodered.org/t/gauge-node-compass-in-dashboard-v2-19/18527/16 "2019-11-29T23:44:26Z")

</div>

Which browser ?

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [30 November 2019 09:12 UTC](https://discourse.nodered.org/t/gauge-node-compass-in-dashboard-v2-19/18527/17 "2019-11-30T09:12:43Z")

</div>

Same result with;  
Chrome - Version 78.0.3904.108 (Official Build) (64-bit) (& Incognito)  
Microsoft Edge - 44.18362.449.0 (& Inprivate Window)  
Firefox 70.0.1 - (64-bit) (& Private Window)  
Android Chrome - 78.0.3904.108

```auto
Welcome to Node-RED
===================
30 Nov 08:59:13 - [info] Node-RED version: v1.0.2
30 Nov 08:59:13 - [info] Node.js version: v10.17.0
30 Nov 08:59:13 - [info] Linux 4.14.35-1902.5.2.2.el7uek.x86_64 x64 LE
30 Nov 08:59:14 - [info] Loading palette nodes
30 Nov 08:59:18 - [info] Dashboard version 2.19.1-beta started at /ui

```

EDIT - Just updated node-RED to v1.0.3 and still the same.

---

<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:** [30 November 2019 10:22 UTC](https://discourse.nodered.org/t/gauge-node-compass-in-dashboard-v2-19/18527/18 "2019-11-30T10:22:04Z")

</div>

Sorry. Should have asked what dimensions it is

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [30 November 2019 10:50 UTC](https://discourse.nodered.org/t/gauge-node-compass-in-dashboard-v2-19/18527/19 "2019-11-30T10:50:38Z")

</div>

> [@Paul-Reed](#):
>
> ...doesn't scale to the 3x3 container.

It's been that size for years and has always displayed correctly.

---

<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:** [30 November 2019 11:06 UTC](https://discourse.nodered.org/t/gauge-node-compass-in-dashboard-v2-19/18527/20 "2019-11-30T11:06:31Z")

</div>

Angular theme maybe?

[Next page](https://discourse.nodered.org/t/gauge-node-compass-in-dashboard-v2-19/18527.md?page=2)