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.
which notification node? node-red-..............
Excuse me.
Iam using the notification node of node-red-dashboard.
(This is weird)
Do you mean something like this?
[{"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.
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.
@Trying_to_learn please see the below code.
[{"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.
I can understand the FONT SIZE problem. But the time out?
There is a field to do just that.
I want to change dynamic the time out not from the field.
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 ...
<div style="font-size : 18pt">my notification text</div>
(Again)
Ok.
Sorry, but now it is WAY beyond my skill set.
@Steve-Mcl thanks for your support.
If I understand right, you advice me to use the below code.
[{"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.
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.
It`s psossible to change dynamic the time out ? From msg.timeout or something else ...
no - not presently.
