# Dashboard 2.0 gauge level tank

**URL:** <https://discourse.nodered.org/t/dashboard-2-0-gauge-level-tank/90771>\
**Category:** Dashboard\
**Created:** [7 September 2024 14:56 UTC](https://discourse.nodered.org/t/dashboard-2-0-gauge-level-tank/90771 "2024-09-07T14:56:16Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![nodouser](https://avatars.discourse-cdn.com/v4/letter/n/a9adbd/32.png) [@nodouser](https://discourse.nodered.org/u/nodouser)\
**Post date:** [7 September 2024 14:56 UTC](https://discourse.nodered.org/t/dashboard-2-0-gauge-level-tank/90771/1 "2024-09-07T14:56:16Z")

</div>

Hi,

I made a gauge with a tank level. When it is 100%, the image looks almost empty.  
Is this correct?

![afbeelding](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/4/547e2c0f4fe9e7b1c98967315a472557a978a085.png)  
 ![afbeelding](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/f/afb95f0583a73c1da6c64b95d812efe54fbd8599.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:** [7 September 2024 15:17 UTC](https://discourse.nodered.org/t/dashboard-2-0-gauge-level-tank/90771/2 "2024-09-07T15:17:57Z")

</div>

Can't confirm. Try to clear browser cache and maybe restart node red ...

---

<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:** [7 September 2024 15:36 UTC](https://discourse.nodered.org/t/dashboard-2-0-gauge-level-tank/90771/3 "2024-09-07T15:36:18Z")

</div>

> [@nodouser](#):
>
> Is this correct?

No. Could you export a minimal flow that demonstrates this and raise an issue please.

---

<div class="post-metadata">

**Author:** ![nodouser](https://avatars.discourse-cdn.com/v4/letter/n/a9adbd/32.png) [@nodouser](https://discourse.nodered.org/u/nodouser)\
**Post date:** [7 September 2024 15:53 UTC](https://discourse.nodered.org/t/dashboard-2-0-gauge-level-tank/90771/4 "2024-09-07T15:53:38Z")

</div>

Found it! It is a browser issue.

Firefox it is not working. (did also a test in private mode)  
Chrome it is working, perfect!

Is it possible to make it work with Firefox?

The battery gauge is working in both browsers

```auto
[
    {
        "id": "2187465d8f29d3be",
        "type": "tab",
        "label": "TEST",
        "disabled": false,
        "info": "",
        "env": []
    },
    {
        "id": "230410bb50a5052e",
        "type": "ui-gauge",
        "z": "2187465d8f29d3be",
        "name": "test",
        "group": "6ce8a69ad97aa835",
        "order": 2,
        "width": 3,
        "height": "6",
        "gtype": "gauge-tank",
        "gstyle": "needle",
        "title": "test",
        "units": "units",
        "icon": "",
        "prefix": "",
        "suffix": "",
        "segments": [
            {
                "from": "0",
                "color": "#a8f5ff"
            },
            {
                "from": "15",
                "color": "#55dbec"
            },
            {
                "from": "35",
                "color": "#53b4fd"
            },
            {
                "from": "50",
                "color": "#2397d1"
            }
        ],
        "min": 0,
        "max": "100",
        "sizeThickness": 16,
        "sizeGap": 4,
        "sizeKeyThickness": 8,
        "styleRounded": true,
        "styleGlow": false,
        "className": "",
        "x": 330,
        "y": 120,
        "wires": []
    },
    {
        "id": "2bdab544e314d248",
        "type": "inject",
        "z": "2187465d8f29d3be",
        "name": "",
        "props": [
            {
                "p": "payload"
            },
            {
                "p": "topic",
                "vt": "str"
            }
        ],
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "topic": "",
        "payload": "50",
        "payloadType": "num",
        "x": 170,
        "y": 100,
        "wires": [
            [
                "230410bb50a5052e"
            ]
        ]
    },
    {
        "id": "68c0c861e6798cdb",
        "type": "inject",
        "z": "2187465d8f29d3be",
        "name": "",
        "props": [
            {
                "p": "payload"
            },
            {
                "p": "topic",
                "vt": "str"
            }
        ],
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "topic": "",
        "payload": "100",
        "payloadType": "num",
        "x": 150,
        "y": 160,
        "wires": [
            [
                "230410bb50a5052e"
            ]
        ]
    },
    {
        "id": "da7175dcf2443693",
        "type": "inject",
        "z": "2187465d8f29d3be",
        "name": "",
        "props": [
            {
                "p": "payload"
            },
            {
                "p": "topic",
                "vt": "str"
            }
        ],
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "topic": "",
        "payload": "10",
        "payloadType": "num",
        "x": 170,
        "y": 60,
        "wires": [
            [
                "230410bb50a5052e"
            ]
        ]
    },
    {
        "id": "6ce8a69ad97aa835",
        "type": "ui-group",
        "name": "Ontharder zout stand",
        "page": "ba8733e4b7f8ed68",
        "width": "3",
        "height": "6",
        "order": 1,
        "showTitle": false,
        "className": "",
        "visible": "true",
        "disabled": "false"
    },
    {
        "id": "ba8733e4b7f8ed68",
        "type": "ui-page",
        "name": "Status diversen",
        "ui": "07d9e68410f8668f",
        "path": "/StatusDiv",
        "icon": "home",
        "layout": "grid",
        "theme": "58232a5d443a2893",
        "order": 2,
        "className": "",
        "visible": true,
        "disabled": false
    },
    {
        "id": "07d9e68410f8668f",
        "type": "ui-base",
        "name": "Dashboard",
        "path": "/dashboard",
        "includeClientData": true,
        "acceptsClientConfig": [
            "ui-notification",
            "ui-control"
        ],
        "showPathInSidebar": false,
        "showPageTitle": true,
        "navigationStyle": "default",
        "titleBarStyle": "default"
    },
    {
        "id": "58232a5d443a2893",
        "type": "ui-theme",
        "name": "Theme MMMM",
        "colors": {
            "surface": "#242424",
            "primary": "#0094ce",
            "bgPage": "#535353",
            "groupBg": "#d3d3d3",
            "groupOutline": "#cccccc"
        },
        "sizes": {
            "pagePadding": "12px",
            "groupGap": "12px",
            "groupBorderRadius": "4px",
            "widgetGap": "12px",
            "density": "default"
        }
    }
]

```

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [7 September 2024 16:15 UTC](https://discourse.nodered.org/t/dashboard-2-0-gauge-level-tank/90771/5 "2024-09-07T16:15:48Z")

</div>

Which version of FF?

---

<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:** [7 September 2024 16:33 UTC](https://discourse.nodered.org/t/dashboard-2-0-gauge-level-tank/90771/6 "2024-09-07T16:33:54Z")

</div>

Installed latest FF.Changes the height from 0 to somewhere about 20% and then only the color changes but not the height of the liquid.

No errors in console...

---

<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:** [7 September 2024 17:12 UTC](https://discourse.nodered.org/t/dashboard-2-0-gauge-level-tank/90771/7 "2024-09-07T17:12:45Z")

</div>

Tried that flow on my Windows test system using Vivaldi (Chromium):

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/6/e65ab8dbeb06fa4e61e667b960a057ff9990e4d5.png)

Something seems a little "wonk" to give it its technical term.

---

<div class="post-metadata">

**Author:** ![nodouser](https://avatars.discourse-cdn.com/v4/letter/n/a9adbd/32.png) [@nodouser](https://discourse.nodered.org/u/nodouser)\
**Post date:** [7 September 2024 17:40 UTC](https://discourse.nodered.org/t/dashboard-2-0-gauge-level-tank/90771/8 "2024-09-07T17:40:05Z")

</div>

FF version 130.0 Mobile version and windows version. Both same issue.

---

<div class="post-metadata">

**Author:** ![nodouser](https://avatars.discourse-cdn.com/v4/letter/n/a9adbd/32.png) [@nodouser](https://discourse.nodered.org/u/nodouser)\
**Post date:** [11 September 2024 17:13 UTC](https://discourse.nodered.org/t/dashboard-2-0-gauge-level-tank/90771/9 "2024-09-11T17:13:04Z")

</div>

is this a bug now?

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [17 September 2024 08:50 UTC](https://discourse.nodered.org/t/dashboard-2-0-gauge-level-tank/90771/10 "2024-09-17T08:50:54Z")

</div>

If this is still not working for you could you submit an issue please at [Issues · FlowFuse/node-red-dashboard · GitHub](https://github.com/FlowFuse/node-red-dashboard/issues)  
Include your flow in the issue.

Link to the issue here so others interested can follow it.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [17 October 2024 08:51 UTC](https://discourse.nodered.org/t/dashboard-2-0-gauge-level-tank/90771/11 "2024-10-17T08:51:05Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.