Hi, I’ve been working on a home alarm panel using the dashboard ui nodes and mqtt. I’ve been able to change the dynamically the text and background colors of the buttons and used the form to input the passcode. However, the one item I haven’t figured out is how to change the color of the text node…

Hello, Have a look on below flow [{"id":"cae40fed.0cb0b","type":"tab","label":"Font Color","disabled":false,"info":""},{"id":"b80cb9f6.df2e38","type":"ui_text","z":"cae40fed.0cb0b","group":"8924e22f.e375e","order":0,"width":"0","height":"0","name":"","label":"","format":"<font color= {{msg.color}}…

@Andrei - two questions I thought the tag is not supported in HTML5, so might your solution not work in some browsers? how would you change the background color of the ut-text node? (the yellow on white is very unreadable.

Hi Zenofmud, Indeed the <font> tag is not supported in HTML5 but most likely it will still work for some time in new browsers (until a point where it may break). However the original question was about the simplest approach to getting this done. An alternative solution is to go with CSS using a d…

[image] Andrei: [{"id":"cae40fed.0cb0b","type":"tab","label":"Font Color","disabled":false,"info":""},{"id":"b80cb9f6.df2e38","type":"ui_text","z":"cae40fed.0cb0b","group":"8924e22f.e375e","order":0,"width":"0","height":"0","name":"","label":"","format":"<font color= {{msg.color}} > {{msg.payloa…

What nodes are you using for them?

[image] zenofmud: What nodes are you using for them? I'm using the ui form node.

@zenofmud - now you have me thinking, is it possible to change the text on the default buttons on the ui form?

@Unpuertomex - yes there is a way but currently you will have to edit one of the modules. You will have to go to the .node-red/node_modules/node-red-dashboard/dist/js and edit the file ‘app.min.js’ Search for <md-button type="submit" class="md-raised nr-dashboard-form-button">submit</md-button> an…

Feel free to raise an issue. I’m travelling for a bit so if anyone wants to offer up a fix on the meantime…

@dceejay can changing of text color / background color for ui_text be included in the Dashboard by default? Just like for ui_button. It will be very convenient.

@dceejay - I just raised an issue about changing the text for Submit and Cancel and would be willing to try to fix it, but it is hard coded in app.min.js and I have no idea where that comes from.

How to Change the color of the ui text node dynamically

Dashboard

zenofmud 7 March 2020 10:35 18

Your flow will not import. Please read this thread and then edit your post to fix the flow.

Topic		Replies	Views
UI Text background color change General	6	4578	29 December 2021
Changing the colour of the label of a text node in the dashboard (Solved Old Dashboard Used)) Dashboard node-red-dashboard	43	1525	7 October 2023
Dashboard text-node change text color Dashboard dashboard-2	9	437	9 January 2025
How to change ui-text background color? Dashboard	15	15480	16 January 2022
Dynamically changing text color Dashboard node-red-dashboard	5	1128	15 December 2021

How to Change the color of the ui text node dynamically

Related topics