# Hiding parts of the gauge node
**URL:** https://discourse.nodered.org/t/hiding-parts-of-the-gauge-node/100286
**Category:** Dashboard
**Tags:** dashboard-2
**Created:** [31 January 2026 00:28 UTC](https://discourse.nodered.org/t/hiding-parts-of-the-gauge-node/100286 "2026-01-31T00:28:45Z")
**Posts on this page:** 11
**Page:** 1
### Author:  [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [31 January 2026 00:28 UTC](https://discourse.nodered.org/t/hiding-parts-of-the-gauge-node/100286/1 "2026-01-31T00:28:45Z")
Starting with this gauge
I can use CSS
```auto
.nrdb-ui-gauge.noarc svg g#arc {
display: none;
}
```
to get rid of the thick green arc
But if I also have
```auto
.nrdb-ui-gauge.noarc svg g#backdrop{
display: none;
}
```
After sending a new payload ,I lose the value, label and units, despite these elements not even being part of the svg.
It seems that `.nrdb-ui-gauge-value` acquires `visbility: hidden;`
What am I doing wrong?
---
### Author:  [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [31 January 2026 08:02 UTC](https://discourse.nodered.org/t/hiding-parts-of-the-gauge-node/100286/2 "2026-01-31T08:02:31Z")
Was that picture of html taken before or after the div disappeared? I note the div has 0 height and width - may be related...
> [@jbudd](#):
>
> ```auto
> .nrdb-ui-gauge.noarc svg g#backdrop{
> display: none;
> }
>
> ```
This will remove the element from the dom and not knowing how the labels div position and size is calculated, it may be related. To rule it out, try using `visbility: hidden;` for that instead.
If that doesn't work, share a small repro flow.
---
### Author:  [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [31 January 2026 09:18 UTC](https://discourse.nodered.org/t/hiding-parts-of-the-gauge-node/100286/3 "2026-01-31T09:18:36Z")
That screen capture was after applying display:none to the backdrop (and the contents disappeared).
You are right that for some reason if the backdrop is not displayed, the div nrdb-ui-gauge-value gets height & width 0 as well as visibility: hidden.
Div nrdb-ui-gauge-value normally:
And with display: none on the backdrop:
---
### Author:  [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [31 January 2026 09:25 UTC](https://discourse.nodered.org/t/hiding-parts-of-the-gauge-node/100286/4 "2026-01-31T09:25:26Z")
> [@Steve-Mcl](#):
>
> To rule it out, try using `visbility: hidden;` for that instead
Did you try adjusting your custom style rule to use visibility:hidden instead of display:none?
---
### Author:  [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [31 January 2026 09:35 UTC](https://discourse.nodered.org/t/hiding-parts-of-the-gauge-node/100286/5 "2026-01-31T09:35:16Z")
Visibility: hidden gives the desired result
It's not pretty but it does the job 😀
So I suppose that's problem solved, thanks.
I still wonder why display: none does not work.
---
### Author:  [@rakgupta](https://discourse.nodered.org/u/rakgupta)
#### Post date: [2 February 2026 19:31 UTC](https://discourse.nodered.org/t/hiding-parts-of-the-gauge-node/100286/6 "2026-02-02T19:31:51Z")
> [@jbudd](#):
>
> It's not pretty but it does the job 😀
I'm trying to do something similar, but I want to hide the min/max (my gauge is 2X2 and the min/max overlap with the value). I've tried to find where I could do that, but I can't find the css attribute - would you know?
---
### Author:  [@gerrybartley](https://discourse.nodered.org/u/gerrybartley)
#### Post date: [2 February 2026 20:15 UTC](https://discourse.nodered.org/t/hiding-parts-of-the-gauge-node/100286/7 "2026-02-02T20:15:02Z")
This should do it
```auto
.nrdb-ui-gauge #limits {
display: none;
}
```
---
### Author:  [@rakgupta](https://discourse.nodered.org/u/rakgupta)
#### Post date: [2 February 2026 21:57 UTC](https://discourse.nodered.org/t/hiding-parts-of-the-gauge-node/100286/8 "2026-02-02T21:57:24Z")
> [@gerrybartley](#):
>
> This should do it
It did! Thanks so much..🙏🏼
---
### Author:  [@rakgupta](https://discourse.nodered.org/u/rakgupta)
#### Post date: [3 February 2026 16:03 UTC](https://discourse.nodered.org/t/hiding-parts-of-the-gauge-node/100286/9 "2026-02-03T16:03:15Z")
> [@jbudd](#):
>
> Visibility: hidden gives the desired result
I just found another way to do this.. by setting the gauge size to 0px, it removes the inner "arc"
NOTE: I am also hiding the needle and the min/max in this gauge via css overrides, but if you only want to hide the "arc" without css, the 0px will also work.
---
### Author:  [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [3 February 2026 16:21 UTC](https://discourse.nodered.org/t/hiding-parts-of-the-gauge-node/100286/10 "2026-02-03T16:21:00Z")
That's a useful trick, thanks.
It does seem like if anyone ever addresses the many shortcomings of the gauge they might consider it a bug and fix it.
I played with other values for this config item. It seems to modify the diameter of the coloured segments and the length of the needle.
---
### Author:  [@system](https://discourse.nodered.org/u/system)
#### Post date: [17 February 2026 16:21 UTC](https://discourse.nodered.org/t/hiding-parts-of-the-gauge-node/100286/11 "2026-02-17T16:21:04Z")
This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.