# Bigger text - stage text in Dashboard

**URL:** <https://discourse.nodered.org/t/bigger-text-stage-text-in-dashboard/73025>\
**Category:** Dashboard\
**Created:** [1 January 2023 18:43 UTC](https://discourse.nodered.org/t/bigger-text-stage-text-in-dashboard/73025 "2023-01-01T18:43:02Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Felix](https://avatars.discourse-cdn.com/v4/letter/f/aeb1de/32.png) [@Felix](https://discourse.nodered.org/u/Felix)\
**Post date:** [1 January 2023 18:43 UTC](https://discourse.nodered.org/t/bigger-text-stage-text-in-dashboard/73025/1 "2023-01-01T18:43:02Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [1 January 2023 20:31 UTC](https://discourse.nodered.org/t/bigger-text-stage-text-in-dashboard/73025/2 "2023-01-01T20:31:32Z")

</div>

How large do you want it?

```auto
[{"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}]

```

 ![chrome_screenshot_1672605133716](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/2/82f7084a601abe59378eec07c01ea204c6148e7e.png)

---

<div class="post-metadata">

**Author:** ![Felix](https://avatars.discourse-cdn.com/v4/letter/f/aeb1de/32.png) [@Felix](https://discourse.nodered.org/u/Felix)\
**Post date:** [1 January 2023 20:52 UTC](https://discourse.nodered.org/t/bigger-text-stage-text-in-dashboard/73025/3 "2023-01-01T20:52:00Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [1 January 2023 21:12 UTC](https://discourse.nodered.org/t/bigger-text-stage-text-in-dashboard/73025/4 "2023-01-01T21:12:45Z")

</div>

```auto
[[{"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.

---

<div class="post-metadata">

**Author:** ![Felix](https://avatars.discourse-cdn.com/v4/letter/f/aeb1de/32.png) [@Felix](https://discourse.nodered.org/u/Felix)\
**Post date:** [1 January 2023 22:37 UTC](https://discourse.nodered.org/t/bigger-text-stage-text-in-dashboard/73025/5 "2023-01-01T22:37:48Z")

</div>

Really good. Thanks for your time. Was helpfully.

---

<div class="post-metadata">

**Author:** ![Max658414](https://avatars.discourse-cdn.com/v4/letter/m/ecae2f/32.png) [@Max658414](https://discourse.nodered.org/u/Max658414)\
**Post date:** [2 January 2023 08:34 UTC](https://discourse.nodered.org/t/bigger-text-stage-text-in-dashboard/73025/6 "2023-01-02T08:34:36Z")

</div>

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[.](https://www.mycoverageinfo.biz/)

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [2 January 2023 08:37 UTC](https://discourse.nodered.org/t/bigger-text-stage-text-in-dashboard/73025/7 "2023-01-02T08:37:00Z")

</div>

Hi @Max658414 , welcome to the forum.

> [@Max658414](#):
>
> Tableau Desktop

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

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [16 January 2023 08:37 UTC](https://discourse.nodered.org/t/bigger-text-stage-text-in-dashboard/73025/8 "2023-01-16T08:37:48Z")

</div>

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