I am using a text node to display the status of my doors and windows and motion sensors. One node for each. When all windows are closed, its showing 'All Windows Closed'. If windows are open, it lists which windows are open. Any more than 2 windows, and the formatting changes. Instead of ending at …

[image] Mikee1234K: Any more than 2 windows, and the formatting changes. Actually no. The formatting is same. The widget tries to do its best to fit the content into the available area. And if there is that much content - this is the best outcome. Notice that widget has no rules to start brea…

Ok, so the problem seems to be that it is one long string, which the widget is trying to fit ? Could the text string then maybe split with a line brake inserted ?

I'm afraid that will not do the trick. See that the widget size is fixed. If there is more content than it can fit, it overflows. [image] You can add a class for the widget to make scrollbar for it, but it is kind of ugly [image]

Yeah I hate that scrollbar... But your first picture has 5 lines, and perfectly formatted. If I could do that with minde, that would solve the problem. Did you have a line break in there or is it by chance ? Also, is there a way to set a colour for the 'text' label ? I managed to change the colour …

That 5 line looks good because of all the lines are similar. And yes, all 5 are separated with line break (<br>) But the reality is something else. [image] The label color goes same way as the content text. [image]

Just asking before advising anything smarter than the text widget to present the windows open/closed condition - How many windows in total you have? (if it is finite number of course)

I could try with a line break, as my text is similar - ish in length. I'll try... I knew the label colour on a text node. I use that already. Maybe because of the many lines of text I was thinking dropdown node. I wanted to (maybe have done already) know about changing the label colour in a dropdow…

[image] hotNipi: Just asking before advising anything smarter than the text widget to present the windows open/closed condition - How many windows in total you have? (if it is finite number of course) 6 windows. But I also want to use it for my door sensors (In a seperate widget), of which th…

Well, overall the styling of the dashboard elements should be done with CSS, only minor modifications may or should be done via provided msg parameters. And that is the different approach I was talking before. See the example of dropdown widget modification. [image] Dashboard CSS t…

What I wanted to know was actually not related to the text node. But rather to colours on a dropdown node and a slider node. This is a example [NR dropdown slider] They are 2 nodes. A slider and a dropdown. I managed to change the colour of the 'select option'. But I also would like to change the…

Node-RED

Node-RED Forum

Text formatting in a text node

Dashboard

hotNipi 11 November 2022 16:31 14

As most of the info about the HTML and CSS you find is not Node-RED or dashboard specific, I'll link one more thread for you. That may be helpful to get started.

Topic		Replies	Views
Dashboard 2.0... Displaying multiple line text oddly? Dashboard	12	182	21 February 2026
Long Text on Dashboard Dashboard node-red-dashboard	2	441	15 July 2022
Changing the colour of the label of a text node in the dashboard (Solved Old Dashboard Used)) Dashboard node-red-dashboard	43	1524	7 October 2023
How to add a paragraph in node-red dashboard? Dashboard node-red-dashboard	13	578	19 December 2022
UI dashboard editing General node-red-dashboard	28	459	3 June 2024

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.

Text formatting in a text node

Related topics