# How to add a paragraph in node-red dashboard?

**URL:** <https://discourse.nodered.org/t/how-to-add-a-paragraph-in-node-red-dashboard/70763>\
**Category:** Dashboard\
**Tags:** node-red-dashboard\
**Created:** [17 November 2022 10:51 UTC](https://discourse.nodered.org/t/how-to-add-a-paragraph-in-node-red-dashboard/70763 "2022-11-17T10:51:24Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![Vaibhavi27](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/vaibhavi27/32/70897_2.png) [@Vaibhavi27](https://discourse.nodered.org/u/Vaibhavi27)\
**Post date:** [17 November 2022 10:51 UTC](https://discourse.nodered.org/t/how-to-add-a-paragraph-in-node-red-dashboard/70763/1 "2022-11-17T10:51:24Z")

</div>

I have created a dashboard for motorcycle monitoring system. Which would take input from them sensors and display as gauge and line chart. I also want to ad a note that explains the working( this I would take data from google and copy). I tried using text widget on nod-red dashboard palate. Will that work for long paragraphs??  
Can any one suggest me the node on dashboard whoch could take long paragraph?

---

<div class="post-metadata">

**Author:** ![janvda](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/janvda/32/234_2.png) [@janvda](https://discourse.nodered.org/u/janvda)\
**Post date:** [17 November 2022 11:23 UTC](https://discourse.nodered.org/t/how-to-add-a-paragraph-in-node-red-dashboard/70763/2 "2022-11-17T11:23:36Z")

</div>

> [@Vaibhavi27](#):
>
> Can any one suggest me the node on dashboard whoch could take long paragraph?

The `template` node.

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [17 November 2022 11:23 UTC](https://discourse.nodered.org/t/how-to-add-a-paragraph-in-node-red-dashboard/70763/3 "2022-11-17T11:23:39Z")

</div>

@Vaibhavi27 welcome to the forum

> [@Vaibhavi27](#):
>
> I tried using text widget on nod-red dashboard palate.

You say you tried it so what result or problem did you get?

---

<div class="post-metadata">

**Author:** ![Vaibhavi27](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/vaibhavi27/32/70897_2.png) [@Vaibhavi27](https://discourse.nodered.org/u/Vaibhavi27)\
**Post date:** [17 November 2022 11:26 UTC](https://discourse.nodered.org/t/how-to-add-a-paragraph-in-node-red-dashboard/70763/4 "2022-11-17T11:26:47Z")

</div>

I am concused where to add?? its taking a single line.

---

<div class="post-metadata">

**Author:** ![Vaibhavi27](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/vaibhavi27/32/70897_2.png) [@Vaibhavi27](https://discourse.nodered.org/u/Vaibhavi27)\
**Post date:** [17 November 2022 11:27 UTC](https://discourse.nodered.org/t/how-to-add-a-paragraph-in-node-red-dashboard/70763/5 "2022-11-17T11:27:25Z")

</div>

I am confused in which field to add. Its taking single line.

---

<div class="post-metadata">

**Author:** ![Vaibhavi27](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/vaibhavi27/32/70897_2.png) [@Vaibhavi27](https://discourse.nodered.org/u/Vaibhavi27)\
**Post date:** [17 November 2022 11:30 UTC](https://discourse.nodered.org/t/how-to-add-a-paragraph-in-node-red-dashboard/70763/6 "2022-11-17T11:30:11Z")

</div>

Sir,

How do I do that with template??

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [17 November 2022 11:32 UTC](https://discourse.nodered.org/t/how-to-add-a-paragraph-in-node-red-dashboard/70763/7 "2022-11-17T11:32:49Z")

</div>

You can add html in the text ie

```auto
line 1<p>line 2<p>line 3

```

which will show as:  
 ![Screen Shot 2022-11-17 at 6.31.59 AM](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/c/ac87a051e7f0b28d341c197453ad7b7f7b848f06.png)

here is the flow:

```auto
[{"id":"f57a6f567bc40cc5","type":"tab","label":"Flow 6","disabled":false,"info":"","env":[]},{"id":"bdbabe74b89373d9","type":"inject","z":"f57a6f567bc40cc5","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"line 1<p>line 2<p>line 3","payloadType":"str","x":230,"y":120,"wires":[["ad716e3ba494e2fe"]]},{"id":"ad716e3ba494e2fe","type":"ui_text","z":"f57a6f567bc40cc5","group":"26fdae96ca04ec1d","order":0,"width":0,"height":0,"name":"","label":"text","format":"{{msg.payload}}","layout":"row-spread","className":"","x":630,"y":120,"wires":[]},{"id":"26fdae96ca04ec1d","type":"ui_group","name":"Default","tab":"c6bf6df9df86d66e","order":1,"disp":true,"width":"6","collapse":false,"className":""},{"id":"c6bf6df9df86d66e","type":"ui_tab","name":"Home","icon":"dashboard","order":1,"disabled":false,"hidden":false}]

```

---

<div class="post-metadata">

**Author:** ![Vaibhavi27](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/vaibhavi27/32/70897_2.png) [@Vaibhavi27](https://discourse.nodered.org/u/Vaibhavi27)\
**Post date:** [17 November 2022 11:35 UTC](https://discourse.nodered.org/t/how-to-add-a-paragraph-in-node-red-dashboard/70763/8 "2022-11-17T11:35:49Z")

</div>

Great!!! Trying to work with this.. Hope it works for me..

Thanks a lot!!

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [17 November 2022 11:38 UTC](https://discourse.nodered.org/t/how-to-add-a-paragraph-in-node-red-dashboard/70763/9 "2022-11-17T11:38:31Z")

</div>

as @janvda said, you can use the `template` node to manually enter the information:  
 ![Screen Shot 2022-11-17 at 6.38.08 AM](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/2/125cea2515752a2e9ee407232d4fea4edfa851c0.png)

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [17 November 2022 12:04 UTC](https://discourse.nodered.org/t/how-to-add-a-paragraph-in-node-red-dashboard/70763/10 "2022-11-17T12:04:06Z")

</div>

This topic helped me in similar case.

> [@Auto adjust text in dashboard](https://discourse.nodered.org/t/auto-adjust-text-in-dashboard/65969):
>
> Hi all!. I'm working with dashboard feature and i need to give it a more confortable kinda view, now is messy and i cannot get it right automaticaly. This is what i have so far... I share the flows. [ { "id": "b3b8557c097178e9", "type": "http request", "z": "3d7e2cca152912c1", "name": "", "method": "GET", "ret": "obj", "paytoqs": "ignore", "url": "", "tls": "", "persist": false, "proxy": "",…

---

<div class="post-metadata">

**Author:** ![Vaibhavi27](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/vaibhavi27/32/70897_2.png) [@Vaibhavi27](https://discourse.nodered.org/u/Vaibhavi27)\
**Post date:** [19 November 2022 05:18 UTC](https://discourse.nodered.org/t/how-to-add-a-paragraph-in-node-red-dashboard/70763/11 "2022-11-19T05:18:26Z")

</div>

Hello!! how do I increase those font size, alignment test text??

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [19 November 2022 09:53 UTC](https://discourse.nodered.org/t/how-to-add-a-paragraph-in-node-red-dashboard/70763/12 "2022-11-19T09:53:12Z")

</div>

What have you tried?

---

<div class="post-metadata">

**Author:** ![knoepsche](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knoepsche/32/69450_2.png) [@knoepsche](https://discourse.nodered.org/u/knoepsche)\
**Post date:** [19 November 2022 18:41 UTC](https://discourse.nodered.org/t/how-to-add-a-paragraph-in-node-red-dashboard/70763/13 "2022-11-19T18:41:17Z")

</div>

Perhaps a Text Generator helps to get code you can use in the ui-template node:

[https://www.quackit.com/html/html\_generators/html\_text\_generator.cfm](https://www.quackit.com/html/html_generators/html_text_generator.cfm)

To show plain Text in HTML there also the pre-tag exists. But this might not be powerful enough for your need.

---

<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:** [19 December 2022 18:41 UTC](https://discourse.nodered.org/t/how-to-add-a-paragraph-in-node-red-dashboard/70763/14 "2022-12-19T18:41:50Z")

</div>

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