Bigger text - stage text in Dashboard

Hi all. Is there a possibility to make a bigger text (node ?) for "stage text" ... maximum size of font I think is about 160. This is not unsatisfactory size. f.e. if you need read text from longer distance, it may be insufficient.
By google I have not anything searched.
Thanks a lot for your answers.

How large do you want it?

[{"id":"d502daec1cf6b9e0","type":"inject","z":"da8a6ef0b3c9a5c8","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"Node-Red","payloadType":"str","x":140,"y":2640,"wires":[["81e3c61e366247a7"]]},{"id":"81e3c61e366247a7","type":"ui_template","z":"da8a6ef0b3c9a5c8","group":"8b5cde76.edd58","name":"","order":18,"width":0,"height":0,"format":"<div>RED</diiv>\n<div style=\"font-size: 50px;\">RED</diiv>\n<div style=\"font-size: 200px;\" ng-bind-html=\"msg.payload\"></div>\n<div style=\"font-size: 400px;\">RED</diiv>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":300,"y":2620,"wires":[[]]},{"id":"8b5cde76.edd58","type":"ui_group","name":"default","tab":"8f03e639.85956","order":1,"disp":false,"width":"12","collapse":false},{"id":"8f03e639.85956","type":"ui_tab","name":"Home","icon":"dashboard","order":2,"disabled":false,"hidden":false}]

1 Like

Mmmm, looks good. But .. How you enlarge or reduce it dynamically f.e. from function node ? Because some of lyrics have more than 160 chars and reducing font may view all the text in one display (Strophe). Thanks.

[[{"id":"d502daec1cf6b9e0","type":"inject","z":"da8a6ef0b3c9a5c8","name":"160 ish","props":[{"p":"payload"},{"p":"size","v":"70","vt":"num"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"Mmmm, looks good. But .. How you enlarge or reduce it dynamically f.e. from function node ? Because some of lyrics have more than 160 chars and reducing font may view all the text in one display","payloadType":"str","x":130,"y":2600,"wires":[["81e3c61e366247a7"]]},{"id":"81e3c61e366247a7","type":"ui_template","z":"da8a6ef0b3c9a5c8","group":"e1e6d940e1ac6f1a","name":"","order":18,"width":"24","height":"10","format":"<style>\np.box {\n  font-size:  {{msg.size}}px;\n}\n\n</style>\n\n<p class=\"box\" ng-bind-html=\"msg.payload\"></p>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":300,"y":2620,"wires":[[]]},{"id":"6a2e9e32ef7715a0","type":"inject","z":"da8a6ef0b3c9a5c8","name":"80 ish","props":[{"p":"payload"},{"p":"size","v":"90","vt":"num"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"Mmmm, looks good. But .. How you enlarge or reduce it dynamically f.e. from function node ? Because some","payloadType":"str","x":130,"y":2660,"wires":[["81e3c61e366247a7"]]},{"id":"e1e6d940e1ac6f1a","type":"ui_group","name":"Group 1","tab":"33d398e424acd7a2","order":1,"disp":true,"width":"24","collapse":false,"className":""},{"id":"33d398e424acd7a2","type":"ui_tab","name":"Tab 5","icon":"dashboard","order":5,"disabled":false,"hidden":false}]

There are examples in the help text for more complex things.

Really good. Thanks for your time. Was helpfully.

If you're working in Tableau Desktop, select Format > Font. A Format Font control pane will open. This control pane will let you customize the text in the view. Editing the font at the worksheet level applies the changes you make to all text fields in view except the Header and Tooltip fields.

Hi @Max658414 , welcome to the forum.

What does Tableau have to do with node-red dashboard?

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