# Notification node questions

**URL:** <https://discourse.nodered.org/t/notification-node-questions/15255>\
**Category:** Dashboard\
**Created:** [7 September 2019 22:35 UTC](https://discourse.nodered.org/t/notification-node-questions/15255 "2019-09-07T22:35:51Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![sysman83](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sysman83/32/10112_2.png) [@sysman83](https://discourse.nodered.org/u/sysman83)\
**Post date:** [7 September 2019 22:35 UTC](https://discourse.nodered.org/t/notification-node-questions/15255/1 "2019-09-07T22:35:51Z")

</div>

Hi guys, I would like to show a popup window using notification node but I am facing two issues.

Firstly I cannot change the size of fonts and secondly I cannot change dynamic the timeout of node.

Thank you for a help.

---

<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:** [7 September 2019 22:39 UTC](https://discourse.nodered.org/t/notification-node-questions/15255/2 "2019-09-07T22:39:55Z")

</div>

which notification node? node-red-..............

---

<div class="post-metadata">

**Author:** ![sysman83](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sysman83/32/10112_2.png) [@sysman83](https://discourse.nodered.org/u/sysman83)\
**Post date:** [7 September 2019 22:43 UTC](https://discourse.nodered.org/t/notification-node-questions/15255/3 "2019-09-07T22:43:22Z")

</div>

Excuse me.  
Iam using the notification node of node-red-dashboard.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [7 September 2019 22:47 UTC](https://discourse.nodered.org/t/notification-node-questions/15255/4 "2019-09-07T22:47:01Z")

</div>

(This is weird)

Do you mean something **like this**?

```auto
[{"id":"cc1e6910.167","type":"function","z":"3dbe217c.10c666","name":"Filter msg's","func":"//only accept OK msg's\nif (msg.payload == 'OK') {\n msg.payload = true;\n node.send(msg);\n}\nreturn null;","outputs":1,"noerr":0,"x":460,"y":1420,"wires":[["d020a436.db2458"]]},{"id":"94e26d59.ca953","type":"ui_button","z":"3dbe217c.10c666","name":"","group":"b19f8efa.dd502","order":5,"width":1,"height":1,"passthru":false,"label":"Open","tooltip":"","color":"#ff0000","bgcolor":"#2a2a2a","icon":"","payload":"Really open garage door?","payloadType":"str","topic":"","x":120,"y":1420,"wires":[["4fa7dad6.cf810c"]]},{"id":"4fa7dad6.cf810c","type":"ui_toast","z":"3dbe217c.10c666","position":"dialog","displayTime":"3","highlight":"","sendall":true,"outputs":1,"ok":"OK","cancel":"Cancel","topic":"","name":"confirm deploy","x":277,"y":1420,"wires":[["cc1e6910.167"]]},{"id":"d020a436.db2458","type":"debug","z":"3dbe217c.10c666","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","x":630,"y":1420,"wires":[]},{"id":"b19f8efa.dd502","type":"ui_group","z":"","name":"flowtest","tab":"913a01c.f5e468","disp":true,"width":"12","collapse":false},{"id":"913a01c.f5e468","type":"ui_tab","z":0,"name":"Test","icon":"dashboard","order":6}]

```

I can't help with font sizes, etc. But it may help as a base line.

---

<div class="post-metadata">

**Author:** ![sysman83](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sysman83/32/10112_2.png) [@sysman83](https://discourse.nodered.org/u/sysman83)\
**Post date:** [7 September 2019 22:55 UTC](https://discourse.nodered.org/t/notification-node-questions/15255/5 "2019-09-07T22:55:40Z")

</div>

I am using as Layout option the Top Right choice, not the OK/Cancel Dialog.  
I want to show only a sliding message not a dialog box.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [7 September 2019 23:04 UTC](https://discourse.nodered.org/t/notification-node-questions/15255/6 "2019-09-07T23:04:34Z")

</div>

Sorry.

But is that the node you are using? To answer @zenofmud (Paul)'s question.

---

<div class="post-metadata">

**Author:** ![sysman83](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sysman83/32/10112_2.png) [@sysman83](https://discourse.nodered.org/u/sysman83)\
**Post date:** [7 September 2019 23:12 UTC](https://discourse.nodered.org/t/notification-node-questions/15255/7 "2019-09-07T23:12:24Z")

</div>

@Trying_to_learn please see the below code.

```auto
[{"id":"262531d.23bf1ce","type":"ui_toast","z":"e18c2a2.19cfbd8","position":"top right","displayTime":"3","highlight":"red","outputs":0,"ok":"OK","cancel":"","topic":"INFO","name":"","x":1150,"y":1180,"wires":[]},{"id":"3bde7b5d.f90c74","type":"inject","z":"e18c2a2.19cfbd8","name":"","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":740,"y":1180,"wires":[["acdf7c87.fb1e4"]]},{"id":"f36dcabf.387288","type":"ui_toast","z":"e18c2a2.19cfbd8","position":"top right","displayTime":"3","highlight":"","outputs":0,"ok":"OK","cancel":"","topic":"","name":"","x":1150,"y":1260,"wires":[]},{"id":"ee15884d.5ea608","type":"inject","z":"e18c2a2.19cfbd8","name":"","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":740,"y":1260,"wires":[["c3369f69.bd403"]]},{"id":"acdf7c87.fb1e4","type":"function","z":"e18c2a2.19cfbd8","name":"","func":"\n msg.topic=\"INFO\";\n msg.payload=\"1111\";\n msg.highlight='blue';\n return msg;\n\n\n","outputs":1,"noerr":0,"x":930,"y":1180,"wires":[["262531d.23bf1ce"]]},{"id":"c3369f69.bd403","type":"function","z":"e18c2a2.19cfbd8","name":"","func":"\n msg.topic=\"INFO\";\n msg.payload=\"2222\";\n msg.highlight='yellow';\n return msg;\n\n\n","outputs":1,"noerr":0,"x":910,"y":1260,"wires":[["f36dcabf.387288"]]}]

```

In this example I don't know to change the size of font and the timeout.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [7 September 2019 23:16 UTC](https://discourse.nodered.org/t/notification-node-questions/15255/8 "2019-09-07T23:16:10Z")

</div>

> [@sysman83](#):
>
> In this example I don't know to change the size of font and the timeout.

I can understand the FONT SIZE problem. But the time out?

There is a field to do just that.

![Screenshot%20from%202019-09-08%2009-15-00](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/9/99dc5c0285f3308854f53dc71c321f13d4126719.png)

---

<div class="post-metadata">

**Author:** ![sysman83](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sysman83/32/10112_2.png) [@sysman83](https://discourse.nodered.org/u/sysman83)\
**Post date:** [7 September 2019 23:18 UTC](https://discourse.nodered.org/t/notification-node-questions/15255/9 "2019-09-07T23:18:20Z")

</div>

I want to change dynamic the time out not from the field.

---

<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:** [7 September 2019 23:19 UTC](https://discourse.nodered.org/t/notification-node-questions/15255/10 "2019-09-07T23:19:17Z")

</div>

Have you tried sending html like a div with the style property text-size set to something like 18pt?

E.g. what happens if you send ...

```auto
<div style="font-size : 18pt">my notification text</div>

```

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [7 September 2019 23:20 UTC](https://discourse.nodered.org/t/notification-node-questions/15255/11 "2019-09-07T23:20:01Z")

</div>

(Again)

Ok.

Sorry, but now it is WAY beyond my skill set.

---

<div class="post-metadata">

**Author:** ![sysman83](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sysman83/32/10112_2.png) [@sysman83](https://discourse.nodered.org/u/sysman83)\
**Post date:** [7 September 2019 23:34 UTC](https://discourse.nodered.org/t/notification-node-questions/15255/12 "2019-09-07T23:34:22Z")

</div>

@Steve-Mcl thanks for your support.

If I understand right, you advice me to use the below code.

```auto
[{"id":"f36dcabf.387288","type":"ui_toast","z":"e18c2a2.19cfbd8","position":"top right","displayTime":"3","highlight":"","outputs":0,"ok":"OK","cancel":"","topic":"INFO","name":"","x":1190,"y":1260,"wires":[]},{"id":"bb3ee56f.6e33a8","type":"ui_template","z":"e18c2a2.19cfbd8","group":"816eb367.981ac","name":"","order":9,"width":0,"height":0,"format":"<div style=\"font-size : 24pt\">msg.payload</div>","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":960,"y":1260,"wires":[["f36dcabf.387288"]]},{"id":"7c0cabdc.1702d4","type":"inject","z":"e18c2a2.19cfbd8","name":"","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":760,"y":1260,"wires":[["bb3ee56f.6e33a8"]]},{"id":"816eb367.981ac","type":"ui_group","z":"","name":"Main","tab":"7be0d98d.418418","order":3,"disp":false,"width":"8","collapse":false},{"id":"7be0d98d.418418","type":"ui_tab","z":"","name":"Home","icon":"dashboard","order":1,"disabled":true,"hidden":true}]

```

However the size of font don't change.

---

<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:** [7 September 2019 23:37 UTC](https://discourse.nodered.org/t/notification-node-questions/15255/13 "2019-09-07T23:37:35Z")

</div>

What did the notification show? Html? Or just the text? Add debug nodes at every output and check what is going into the notification node.

---

<div class="post-metadata">

**Author:** ![softy2k](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/softy2k/32/23707_2.png) [@softy2k](https://discourse.nodered.org/u/softy2k)\
**Post date:** [9 October 2019 13:21 UTC](https://discourse.nodered.org/t/notification-node-questions/15255/14 "2019-10-09T13:21:49Z")

</div>

> [@sysman83](#):
>
> change dynamic the time out

It`s psossible to change dynamic the time out ? From msg.timeout or something else ...

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [9 October 2019 13:58 UTC](https://discourse.nodered.org/t/notification-node-questions/15255/15 "2019-10-09T13:58:24Z")

</div>

no - not presently.