Hello.
I am creating a HTML message (seems to have better formatting control that way) and sending it to the Notification - Top Right.
The problem is that I have too much information and the box only has a very small dynamic resizing limits.
Example popup:
Here is the test flow I am experimenting with:
[{"id":"5c01d1484c60092d","type":"inject","z":"0928763894a95f05","name":"","props":[{"p":"payload"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payloadType":"date","x":430,"y":580,"wires":[["f09982bb6665715d"]]},{"id":"7d67b18647a92348","type":"ui_toast","z":"0928763894a95f05","position":"top right","displayTime":"30","highlight":"","sendall":true,"outputs":0,"ok":"OK","cancel":"","raw":true,"className":"","topic":"","name":"","x":820,"y":580,"wires":[]},{"id":"f09982bb6665715d","type":"function","z":"0928763894a95f05","name":"HTML Popup","func":"//Pretty typical payload\nmsg.payload.Timestamp = \"15:42:37Z 24-01-2022\";\nmsg.filter=\"CLRD\";\nmsg.payload.ICAO=\"896C3E\";\nmsg.payload.Rego=\"1229\";\nmsg.payload.Type=\"C17\";\nmsg.payload.Desc=\"BOEING C-17 Globemaster 3\";\nmsg.payload.ADSBEx=\"https://globe.adsbexchange.com/?icao=896C3E\";\nmsg.payload.Raw=\"AES:896C3E GES:D0 2 .40007A ! A1 R\\n\\n\\t/YQXE4YA.OC1/CLX 1542 220124 CZQX CLRNCE 633\\n\\tUAF1230 CLRD TO EGPK VIA NICSO\\n\\tRANDOM ROUTE\\n\\t48N050W 52N040W 55N030W 56N020W PIKIL SOVED\\n\\tFM NICSO/1632 MNTN F290 M079\\n\\tEND OF MESSAGE18B9\\n\\n\";\nmsg.sat=\"C-98W\";\n\n//Build the HTML for the popup\nmsg.payload = '<!DOCTYPE html><html><body>'+\n'<h3>Trigger: '+msg.filter+'</h3>'+\n'<p>ICAO: '+msg.payload.ICAO+'</p>'+\n'<p>Reg: '+msg.payload.Rego+'</p>'+\n'<p>Description: '+msg.payload.Desc+'</p>'+\n'<p>Msg source: '+msg.sat+'</p>'+\n'<a target=\"_blank\" href='+msg.payload.ADSBEx+'><font color=\"7e97fc\">Link to ADSBExchange</a>'+\n'</body></html>';\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","libs":[],"x":590,"y":580,"wires":[["7d67b18647a92348"]]}]
I have already pulled about as much as I can from the HTML.
Not sure how to make it smaller?
And yes, I use the center 'click Ok to close' notification, but need to save my use of that and use the 30 second box for more frequent notifications.
The top right is perfect, its just too small.
Thanks.
Ben.