# Ui-gauge prefix, value & suffix

**URL:** https://discourse.nodered.org/t/ui-gauge-prefix-value-suffix/100011
**Category:** Feature Requests
**Tags:** dashboard-2
**Created:** [22 December 2025 23:57 UTC](https://discourse.nodered.org/t/ui-gauge-prefix-value-suffix/100011 "2025-12-22T23:57:03Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [22 December 2025 23:57 UTC](https://discourse.nodered.org/t/ui-gauge-prefix-value-suffix/100011/1 "2025-12-22T23:57:03Z")

</div>

This gauge roughly imitates [CNN's business page](https://edition.cnn.com/business) Fear & Greed Index

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/2/c2cb7cce4e75c08d95cc321db3ff69edb069203d.png)

In this instance, msg.payload = 85 and msg.ui\_update.suffix = "Extreme greed"  
The HTML for this line is `<span>85 Extreme greed</span>`

If the prefix, value and suffix were seperate items  
`<span class="prefix"></span><span class="value">85</span><span class="suffix"> Extreme greed</span>`  
then they could be individually styled, eg

```auto
.nrdb-ui-gauge-value span.value {
display: none; 
}

```

---

<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: [23 December 2025 09:19 UTC](https://discourse.nodered.org/t/ui-gauge-prefix-value-suffix/100011/2 "2025-12-23T09:19:08Z")

</div>

That seems reasonable to me.  
It is really easy to build and run the dashboard locally, then you could implement this and submit a PR.

> **[Contributing | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/contributing/)**
>
> Join the development of FlowFuse Dashboard. Learn how you can contribute to making it better for everyone.

---

<div class="post-metadata">

### Author: ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [23 December 2025 11:39 UTC](https://discourse.nodered.org/t/ui-gauge-prefix-value-suffix/100011/3 "2025-12-23T11:39:52Z")

</div>

Well I did try, but it failed at the npm install stage, multiple times and on two different machines.  
I think it ran out of swap space, then on subsequent attempts it failed to download Cypress (whatever that is).

---

<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: [23 December 2025 11:42 UTC](https://discourse.nodered.org/t/ui-gauge-prefix-value-suffix/100011/4 "2025-12-23T11:42:24Z")

</div>

> [@jbudd](#):
>
> Cypress (whatever that is).

It's a package for e2e tests (end to end tests) it isn't required for building or running dashboard.

---

<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: [23 December 2025 12:20 UTC](https://discourse.nodered.org/t/ui-gauge-prefix-value-suffix/100011/5 "2025-12-23T12:20:52Z")

</div>

> [@jbudd](#):
>
> failed at the npm install

Are you sure that was the dashboard rather than node red itself? Or were you trying to build it on a pi?

---

<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: [23 December 2025 12:29 UTC](https://discourse.nodered.org/t/ui-gauge-prefix-value-suffix/100011/6 "2025-12-23T12:29:00Z")

</div>

It doesn't say to install express on the page I linked, does it?

---

<div class="post-metadata">

### Author: ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [23 December 2025 12:52 UTC](https://discourse.nodered.org/t/ui-gauge-prefix-value-suffix/100011/7 "2025-12-23T12:52:50Z")

</div>

> [@Colin](#):
>
> Or were you trying to build it on a pi?

Yes on a pi Zero 2.

> [@Colin](#):
>
> It doesn't say to install express on the page I linked

I don't think so, no.

---

<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: [23 December 2025 12:56 UTC](https://discourse.nodered.org/t/ui-gauge-prefix-value-suffix/100011/8 "2025-12-23T12:56:19Z")

</div>

> [@jbudd](#):
>
> on a pi Zero 2

Test it on your PC rather than a pi zero. It does build ok on a pi 4.

---

<div class="post-metadata">

### Author: ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [23 December 2025 12:57 UTC](https://discourse.nodered.org/t/ui-gauge-prefix-value-suffix/100011/9 "2025-12-23T12:57:37Z")

</div>

I don't have Node-red on a PC.

---

<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: [23 December 2025 13:57 UTC](https://discourse.nodered.org/t/ui-gauge-prefix-value-suffix/100011/10 "2025-12-23T13:57:01Z")

</div>

> [@jbudd](#):
>
> > [@Colin](#):
> >
> > It doesn't say to install express on the page I linked
> 
> I don't think so, no.

I meant Cypress of course.

> [@jbudd](#):
>
> I don't have Node-red on a PC.

There is a hole in my bucket?

---

<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: [21 February 2026 13:57 UTC](https://discourse.nodered.org/t/ui-gauge-prefix-value-suffix/100011/11 "2026-02-21T13:57:09Z")

</div>

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