Hi All, I built a CSS label for my UI and can get the numbers to show, but! I need help finding out what element the "value" is called by so I can manipulate it. All the CSS code I've found so far only works with the label and it's text. Changing any of the regular label elements doesn't seem to af…

You need to investigate the developer tools on your browser. But you will likely need a desktop browser rather than a mobile one which are much harder to work with.

I've loaded the ui on my 'puter, I only see N-R "flex-columns" with nothing apparent inside them. Clicking on the label, for instance, highlights the entire flex-column and gives the properties for it and nothing else. Russ

Did you use the select option on the elements tab (that's for Edge/Chrome at least) [image]

Ahh, thanks! After doing that I get to the label, but it doesn't show me anything I don't already know. The small white numbers (msg.topic) tick off, but don't show as an editable attribute. I may be stuck, or may try a text instead of a label... Russ

I used a template node to build a simple label using CSS (this works). I'm using msg.topic to change the value property of the node (this works). The value property does not respond to any of the typical CSS attributes normally used to style a CSS label. I'm stuck because I do not know, nor have …

If you provide the actual flow showing the issue, people could see what you are actually doing instead of trying to guess what you may have done.

Well, I really hoped I could get this myself, but it's not to be. [{"id":"c592baad.37cc98","type":"inject","z":"c199b9b6.017a2","name":"start","props":[{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"Not in the box!","x":680,"y":1080,"wires":[["a0afbcad.8901…

The Label most commonly is used for some other element. https://www.w3schools.com/tags/tag_label.asp Your arrangement uses label just as any element which can take string as content. But anyway To get the label have your input from msg.topic <label class="swLabel">{{msg.topic}}</label>

Hmm, the double brackets threw me, :blush: I'm still learning the syntax of all this. Great, that works - but I still get rogue text above or below the label. Did you get that when you ran it? Russ

Node-RED

Node-RED Forum

Need CSS label help

General

TotallyInformation 5 December 2020 00:05 6

Perhaps if you share some of the information, someone might be able to give more help?

Topic		Replies	Views
Font size in Label Dashboard	7	5758	11 December 2020
Changing the colour of the label of a text node in the dashboard (Solved Old Dashboard Used)) Dashboard node-red-dashboard	43	1521	7 October 2023
Add only a Label to Node red UI Dashboard	15	2124	7 September 2020
Request: Add a option on UI nodes to add a CSS class Core Development	12	3206	30 April 2020
Dynamically change label of ui-switch General dashboard	7	1249	25 July 2022

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.

Need CSS label help

Related topics