# How to insert blank text space in a UI text node?

**URL:** https://discourse.nodered.org/t/how-to-insert-blank-text-space-in-a-ui-text-node/37389
**Category:** Dashboard
**Created:** [12 December 2020 08:38 UTC](https://discourse.nodered.org/t/how-to-insert-blank-text-space-in-a-ui-text-node/37389 "2020-12-12T08:38:12Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![SuperNinja](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/superninja/32/5761_2.png) [@SuperNinja](https://discourse.nodered.org/u/SuperNinja)
#### Post date: [12 December 2020 08:38 UTC](https://discourse.nodered.org/t/how-to-insert-blank-text-space-in-a-ui-text-node/37389/1 "2020-12-12T08:38:12Z")

</div>

Hi all,  
Do you know how to insert "blank text" in this line?  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/d/2d86b179e3c4cd4072a6fbd3a8a6852987c9aa50.png)  
I tried spaces (keyboard space bar), but they don't count. I have to put characters (points) to separate these 2 values.

```auto
{{payload.temp}}°c ..... <span class="fa fa-tint"></span>{{payload.hum}} %<br> <span class="fa fa-signal"></span><small>{{payload.rxRSSI}} dB</small>

```

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/a/ca763874a378e32a384d020f1ba35d08c87e7bc6.png)  
_How to replace "points " to "blank text space " ?_

---

<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: [12 December 2020 08:53 UTC](https://discourse.nodered.org/t/how-to-insert-blank-text-space-in-a-ui-text-node/37389/2 "2020-12-12T08:53:53Z")

</div>

Try `&nbsp;&nbsp;&nbsp;&nbsp;`  
Or

```auto
<pre> </pre>

```

---

<div class="post-metadata">

### Author: ![SuperNinja](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/superninja/32/5761_2.png) [@SuperNinja](https://discourse.nodered.org/u/SuperNinja)
#### Post date: [12 December 2020 17:15 UTC](https://discourse.nodered.org/t/how-to-insert-blank-text-space-in-a-ui-text-node/37389/3 "2020-12-12T17:15:58Z")

</div>

result of : `<pre> </pre>` looks like `<br>`  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/7/67db2dd186db6db2fa4f59857cf9117c4ecb88a0.png)

result of : `&nbsp;&nbsp;&nbsp;&nbsp;`  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/f/6f4be74e5c3a321be46bc706ab25e67039a8a3cc.png)

Wonderfull ! it's working !  
Thanks @E1cid

---

<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: [12 December 2020 17:39 UTC](https://discourse.nodered.org/t/how-to-insert-blank-text-space-in-a-ui-text-node/37389/4 "2020-12-12T17:39:55Z")

</div>

Put the temps inside the \<pre\>\</pre\>

```
temp1 temp2
```

---

<div class="post-metadata">

### Author: ![SuperNinja](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/superninja/32/5761_2.png) [@SuperNinja](https://discourse.nodered.org/u/SuperNinja)
#### Post date: [12 December 2020 17:52 UTC](https://discourse.nodered.org/t/how-to-insert-blank-text-space-in-a-ui-text-node/37389/5 "2020-12-12T17:52:15Z")

</div>

sorry i think i don't understand (i'm beginner in html ):  
like this : `<pre>temp1 temp2</pre>` ?  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/f/7f8117a5e7c34a1614a615c931663f19667ffef2.png)

[EDIT] Howw ! i understand i have to put my payloads inside

```
! okk !

the result :  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/e/ae31665fd9203523cfcce6c3cc02f468bdcb15c5.png)

```auto
<pre>{{payload.temp}}°c <span class="fa fa-tint"></span>{{payload.hum}} %</pre><br> <span class="fa fa-signal"></span><small>{{payload.rxRSSI}} dB</small>

```

🤔 there is a strange reaction :  
after the "%" there is a `<br>` and the line break is huge, and the font has changed.

So i think i keep `&nbsp;` solution 🙂
```

---

<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: [12 December 2020 19:10 UTC](https://discourse.nodered.org/t/how-to-insert-blank-text-space-in-a-ui-text-node/37389/6 "2020-12-12T19:10:47Z")

</div>

Just for info.

```auto
<pre>{{payload.temp}}°c <span class="fa fa-tint"></span>{{payload.hum}} %<br> <span class="fa fa-signal"></span><small>{{payload.rxRSSI}} dB</small></pre>

```

As the pre would add a line break.

---

<div class="post-metadata">

### Author: ![SuperNinja](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/superninja/32/5761_2.png) [@SuperNinja](https://discourse.nodered.org/u/SuperNinja)
#### Post date: [12 December 2020 20:02 UTC](https://discourse.nodered.org/t/how-to-insert-blank-text-space-in-a-ui-text-node/37389/7 "2020-12-12T20:02:34Z")

</div>

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/9/0934cf7129551de54a953681cf8bce3d70d126a4.png)  
ah yes, exact if I remove the `<br>` I am less "discarded".  
I learned a lot of things, it's cool. Thanks

---

<div class="post-metadata">

### Author: ![drmibell](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/drmibell/32/8424_2.png) [@drmibell](https://discourse.nodered.org/u/drmibell)
#### Post date: [12 December 2020 23:13 UTC](https://discourse.nodered.org/t/how-to-insert-blank-text-space-in-a-ui-text-node/37389/8 "2020-12-12T23:13:50Z")

</div>

> [@SuperNinja](#):
>
> `&nbsp;`

In addition or instead, you can use `&ensp;` or `&emsp;` or `&thinsp;` to give a bit more exact control of the spacing.

---

<div class="post-metadata">

### Author: ![SuperNinja](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/superninja/32/5761_2.png) [@SuperNinja](https://discourse.nodered.org/u/SuperNinja)
#### Post date: [13 December 2020 08:43 UTC](https://discourse.nodered.org/t/how-to-insert-blank-text-space-in-a-ui-text-node/37389/9 "2020-12-13T08:43:26Z")

</div>

Thanks for this add , it's usefull too :  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/1/a13cbe8ac420f56b283ea219c0aae080eaa3b02f.png)

---

<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: [27 December 2020 08:43 UTC](https://discourse.nodered.org/t/how-to-insert-blank-text-space-in-a-ui-text-node/37389/10 "2020-12-27T08:43:35Z")

</div>

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