For dashboard 1 i could just edit the value format but this is not possible anymore for the text output in dashboard 2. Is there a simple way i don't see? I would like to add dimensions after the values, e.g. "value" °C

Edit: [image] Insert units to a field on dashboard text Dashboard Hi @AnakinO7 welcome to the forums. In core Node-RED, there is a "template" node (the orange one, not ui-template). It allows you to combine incoming messages and message properties, with text, for example you could write: {{ msg.payload }}°C You could then wire this template to the ui-text node. When passed to the text node, it will render with the °C units.

@smanjunath211 I believe @joepavitt is talking about the standard template node in that post, not ui-template.

Indeed I am - I will add this to the ui-text documentation explicitly as the only example we have now covers rendering a link, but the method is the same

I'd go for CSS option to gain full control over the appearance of the suffix. So you add a class to the text widget: [image] And a bit of css to get it done: .temperature-field .nrdb-ui-text-value::after { content: "°C"; padding-left: 0.125rem; vertical-align: super; font-size: smaller; line-height: initial; } [image] Make a class for all types of suffixes you may need, put them in one ui_template [image]

Using CSS option looks nice especially as i need similar function elsewhere. But where would i create CSS class?

CSS can be defined in a UI Template node with type "CSS (All Pages)" - Docs

Isn't it a bit of an anti-pattern to include the text to display in CSS? It would certainly be tricky for someone looking at the flow in a couple of years time to work out where the °C comes from.

As the definition says: In CSS, ::after creates a pseudo-element that is the last child of the selected element. It is often used to add cosmetic content to an element with the content property. It is inline by default. Can't see any anti pattern here

[image] Colin: looking at the flow in a couple of years time to work out where the °C comes from This stays always a case even without CSS involved. To avoid this kind of issues i think the best thing is to name your things so that they say what they are or what they do. So instead of the temperature-field maybe then adds-celsius-to-value-field or something like that. It is different for everyone what makes sense and what is not. No way to predict

Node-RED

Node-RED Forum

Suffix for text output

Dashboard

smanjunath211 30 July 2024 12:41 2

Edit:

Topic		Replies	Views
Insert units to a field on dashboard text Dashboard dashboard-2	3	204	28 July 2024
Dashboard 2 text node value format Dashboard dashboard-2	10	1527	9 April 2025
Numeric node and Text Node Dashboard dashboard-2	1	122	25 August 2024
How to put formatted Text on Dashboard Dashboard	10	1218	23 July 2023
Help with text formatting in `template` node with output to `text` node Dashboard	9	265	27 October 2026

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Suffix for text output

Related topics