# Display text in dashboard from string getting from a function

**URL:** <https://discourse.nodered.org/t/display-text-in-dashboard-from-string-getting-from-a-function/64844>\
**Category:** Dashboard\
**Created:** [8 July 2022 14:15 UTC](https://discourse.nodered.org/t/display-text-in-dashboard-from-string-getting-from-a-function/64844 "2022-07-08T14:15:56Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nuri](https://avatars.discourse-cdn.com/v4/letter/n/41988e/32.png) [@Nuri](https://discourse.nodered.org/u/Nuri)\
**Post date:** [8 July 2022 14:15 UTC](https://discourse.nodered.org/t/display-text-in-dashboard-from-string-getting-from-a-function/64844/1 "2022-07-08T14:15:56Z")

</div>

Hi Forum,

first of all, I am a newbie.

I am trying to display a text in the dashboard in the color I get from a function.

here once the template:

```auto
<body>
  <p style="color": msg.payload >test</p>
</body>

```

and here the function:

```auto
var newMSG = msg.payload;

if(newMSG == 5) msg.payload = "red";
else if(newMSG == 6) msg.payload = "green";
else if(newMSG == 7) msg.payload = "blue";
else if(newMSG == 8) msg.payload = "white";

return msg;

```

can someone help me with this :)?

Thanks already

greetings

---

<div class="post-metadata">

**Author:** ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)\
**Post date:** [8 July 2022 15:22 UTC](https://discourse.nodered.org/t/display-text-in-dashboard-from-string-getting-from-a-function/64844/2 "2022-07-08T15:22:02Z")

</div>

```auto
<p style="color: {{ msg.payload }}"> test </p>

```

---

<div class="post-metadata">

**Author:** ![Nuri](https://avatars.discourse-cdn.com/v4/letter/n/41988e/32.png) [@Nuri](https://discourse.nodered.org/u/Nuri)\
**Post date:** [9 July 2022 11:39 UTC](https://discourse.nodered.org/t/display-text-in-dashboard-from-string-getting-from-a-function/64844/3 "2022-07-09T11:39:49Z")

</div>

Hi,

thanks for the answer, but that doesn't work ☹  
Is maybe the function not correct?

greetings

---

<div class="post-metadata">

**Author:** ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)\
**Post date:** [9 July 2022 12:28 UTC](https://discourse.nodered.org/t/display-text-in-dashboard-from-string-getting-from-a-function/64844/4 "2022-07-09T12:28:13Z")

</div>

Tested, it works. Try injecting a color string in the template and you'll see.

---

<div class="post-metadata">

**Author:** ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)\
**Post date:** [9 July 2022 12:33 UTC](https://discourse.nodered.org/t/display-text-in-dashboard-from-string-getting-from-a-function/64844/5 "2022-07-09T12:33:09Z")

</div>

> [@fmarzocca](#):
>
> `<p style="color: {{ msg.payload }}"> test </p>`

try this, inject a color and watch into the Dashboard "Generale -\> Test" group:

```auto
[{"id":"b305344b25b4adaf","type":"ui_template","z":"fd95058a.48e3e8","group":"f5dc3cef6c5ab80d","name":"","order":0,"width":0,"height":0,"format":"<p style=\"color: {{ msg.payload }}\"> test </p>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":410,"y":1300,"wires":[[]]},{"id":"f4c502f1fcabc14a","type":"inject","z":"fd95058a.48e3e8","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"red","payloadType":"str","x":240,"y":1280,"wires":[["b305344b25b4adaf"]]},{"id":"cbc39f2172ab4269","type":"inject","z":"fd95058a.48e3e8","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"green","payloadType":"str","x":250,"y":1340,"wires":[["b305344b25b4adaf"]]},{"id":"f5dc3cef6c5ab80d","type":"ui_group","name":"Test","tab":"cb8604ed.917408","order":11,"disp":true,"width":"6","collapse":false,"className":""},{"id":"cb8604ed.917408","type":"ui_tab","name":"Generale","icon":"dashboard","order":1,"disabled":false,"hidden":false}]

```

---

<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:** [8 August 2022 12:33 UTC](https://discourse.nodered.org/t/display-text-in-dashboard-from-string-getting-from-a-function/64844/6 "2022-08-08T12:33:42Z")

</div>

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