# Dashboard Issue with node-red-dashboard: ui\_text

**URL:** <https://discourse.nodered.org/t/dashboard-issue-with-node-red-dashboard-ui-text/84543>\
**Category:** Dashboard\
**Tags:** node-red-dashboard\
**Created:** [15 January 2024 01:59 UTC](https://discourse.nodered.org/t/dashboard-issue-with-node-red-dashboard-ui-text/84543 "2024-01-15T01:59:33Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![cancacao](https://avatars.discourse-cdn.com/v4/letter/c/9f8e36/32.png) [@cancacao](https://discourse.nodered.org/u/cancacao)\
**Post date:** [15 January 2024 01:59 UTC](https://discourse.nodered.org/t/dashboard-issue-with-node-red-dashboard-ui-text/84543/1 "2024-01-15T01:59:33Z")

</div>

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/8/6854122fe89d46af1f54e1c35a2ded5d8c6e5410.jpeg)  
This is a ui\_text of node-red-dashboard.  
Before, everything has operated correctly. But currently, I'm facing the problems as image, please help me to identify the root cause and fix it.

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [15 January 2024 07:27 UTC](https://discourse.nodered.org/t/dashboard-issue-with-node-red-dashboard-ui-text/84543/2 "2024-01-15T07:27:11Z")

</div>

Hello @cancacao.

You don't say what the problem is so I will assume it's the ) characters rather than misalignment, lack of units or something else.

1. What data is being sent to your ui\_text nodes? A debug node will help you discover this.
2. How does the large red text get to be that size and colour? What font is it supposed to be? Your browser developer tools will help here.
3. What is different about the Node-red device and it's environment between "before" and "currently"?

---

<div class="post-metadata">

**Author:** ![cancacao](https://avatars.discourse-cdn.com/v4/letter/c/9f8e36/32.png) [@cancacao](https://discourse.nodered.org/u/cancacao)\
**Post date:** [15 January 2024 07:41 UTC](https://discourse.nodered.org/t/dashboard-issue-with-node-red-dashboard-ui-text/84543/3 "2024-01-15T07:41:24Z")

</div>

Thank you for your reply sir,

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/1/b1fb7643853dcc8494e2b99ab09d11e7eb31d41e.jpeg)  
Data is being sent to ui\_text is weigh1-\>weigh4. As you see, value is zero but ui\_text is displaying )0 00 00.

Below is current flow

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/7/97780088b45af5c6d0d55fb5eb92dff0ba5041dc.png)

inject (interval 1 minute) -\> TCP node -\> function read data -\> function Read weigh value -\> ui\_text to display

This is code of "read" function"  
msg.topic='read';  
return msg;

This is code of "Read WB1 v2":  
var weight1=flow.get('weigh1') ||0;  
if (msg.topic=="read"){  
var val=parseInt(msg.payload.substring(5,10));  
if (!isNaN(val)) {  
flow.set('weigh1',val);  
msg.payload=val;  
msg.topic='weigh1';  
return msg;  
}  
}

This is value format of ui\_text: {{msg.payload}}

The system has been running smoothly for almost a year, but recently it has encountered some issues.  
In 1 minute cycle, ui\_text displays 0 for 40 seconds, and 20 seconds for )0 00 00

---

<div class="post-metadata">

**Author:** ![cancacao](https://avatars.discourse-cdn.com/v4/letter/c/9f8e36/32.png) [@cancacao](https://discourse.nodered.org/u/cancacao)\
**Post date:** [15 January 2024 07:44 UTC](https://discourse.nodered.org/t/dashboard-issue-with-node-red-dashboard-ui-text/84543/5 "2024-01-15T07:44:03Z")

</div>

value format of ui\_text  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/c/bc3f27ae48d3811766a029c07307dd864561b227.png)

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [15 January 2024 08:16 UTC](https://discourse.nodered.org/t/dashboard-issue-with-node-red-dashboard-ui-text/84543/6 "2024-01-15T08:16:03Z")

</div>

> [@cancacao](#):
>
> In 1 minute cycle, ui\_text displays 0 for 40 seconds, and 20 seconds for )0 00 00

What does a debug node after "IND1" show?  
What does a debug node after "Read WB1 v2" show?  
Are these debug nodes triggered exactly once per minute or more often?

---

<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:** [15 January 2024 08:48 UTC](https://discourse.nodered.org/t/dashboard-issue-with-node-red-dashboard-ui-text/84543/7 "2024-01-15T08:48:16Z")

</div>

> [@cancacao](#):
>
> Data is being sent to ui\_text is weigh1-\>weigh4

Change "weigh1-\>weigh4" to `"weigh1-&gt;weigh4"`

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [15 January 2024 08:56 UTC](https://discourse.nodered.org/t/dashboard-issue-with-node-red-dashboard-ui-text/84543/8 "2024-01-15T08:56:16Z")

</div>

> [@Steve-Mcl](#):
>
> Change "weigh1-\>weigh4" to `"weigh1-&gt;weigh4"`

Umm what does that mean Steve?

---

<div class="post-metadata">

**Author:** ![cancacao](https://avatars.discourse-cdn.com/v4/letter/c/9f8e36/32.png) [@cancacao](https://discourse.nodered.org/u/cancacao)\
**Post date:** [15 January 2024 09:16 UTC](https://discourse.nodered.org/t/dashboard-issue-with-node-red-dashboard-ui-text/84543/9 "2024-01-15T09:16:43Z")

</div>

I just turned on a debug again after "Read WB1 v2". The msg.payload is always a number (as expected). I have redeployed and it seems to be functioning normally again.  
I will monitor it further and update information in this post. Thank you very much, sirs.

---

<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:** [15 January 2024 09:19 UTC](https://discourse.nodered.org/t/dashboard-issue-with-node-red-dashboard-ui-text/84543/10 "2024-01-15T09:19:30Z")

</div>

> [@jbudd](#):
>
> > [@Steve-Mcl](#):
> >
> > Change "weigh1-\>weigh4" to `"weigh1-&gt;weigh4"`
> 
> Umm what does that mean

`>` is a reserved characters & must be encoded before it can be displayed as text inside a html element.

> **[HTML Special Characters](https://www.html.am/reference/html-special-characters.cfm)**
>
> Complete HTML special characters reference. Use these HTML codes to display special characters on your website or blog.

Using triple `{{{ }}}` might do the same (not sure if the value format supports triple curlies but do know that `&gt;` will definitely will work

---

<div class="post-metadata">

**Author:** ![cancacao](https://avatars.discourse-cdn.com/v4/letter/c/9f8e36/32.png) [@cancacao](https://discourse.nodered.org/u/cancacao)\
**Post date:** [15 January 2024 09:23 UTC](https://discourse.nodered.org/t/dashboard-issue-with-node-red-dashboard-ui-text/84543/11 "2024-01-15T09:23:15Z")

</div>

@Steve-Mcl  
this is configuration of a ui\_text. I'm using {{ }}.  
input data/msg.payload is Number (0-99999)

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [15 January 2024 09:29 UTC](https://discourse.nodered.org/t/dashboard-issue-with-node-red-dashboard-ui-text/84543/12 "2024-01-15T09:29:07Z")

</div>

I suspect we are differently interpreting @cancacao's statement

> Data is being sent to ui\_text is weigh1-\>weigh4

.I read it as "There are 4 text nodes, displaying weigh1, weigh2, weigh3 or weigh4 respectively"

---

<div class="post-metadata">

**Author:** ![cancacao](https://avatars.discourse-cdn.com/v4/letter/c/9f8e36/32.png) [@cancacao](https://discourse.nodered.org/u/cancacao)\
**Post date:** [15 January 2024 09:34 UTC](https://discourse.nodered.org/t/dashboard-issue-with-node-red-dashboard-ui-text/84543/13 "2024-01-15T09:34:02Z")

</div>

I want to explain in details  
"weigh1-\>weigh4" means 4 variables weigh1, weigh2, weigh3, weigh4 for 4 ui\_text nodes,  
weigh1, weigh2, weigh3, weigh4 is storing in global context

example:  
msg.payload = global.get("weigh1") -\> value will be displayed in ui\_text "WB1"

---

<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:** [15 January 2024 09:50 UTC](https://discourse.nodered.org/t/dashboard-issue-with-node-red-dashboard-ui-text/84543/14 "2024-01-15T09:50:24Z")

</div>

> [@jbudd](#):
>
> I suspect we are differently interpreting @cancacao's statement

Looks that way.

> [@jbudd](#):
>
> > Data is being sent to ui\_text is weigh1-\>weigh4
> 
> .I read it as "There are 4 text nodes, displaying weigh1, weigh2, weigh3 or weigh4 respectively"

I read it literally "Data is being sent to ui\_text is weigh1-\>weigh4" 🤷‍♂️