Can I put a unicode character on the dashboard?

I have a value from 1 to 8 that I want to show on the dashboard as arrows. All I can do are simple arrows: ↑↓→←. Is there a way to do this using unicode or extended ASCII where I can also get arrows like these?

You can try:

https://www.w3schools.com/charsets/ref_utf_arrows.asp

Those are HTML codes. How do you put them into the dashboard?

Use the dashboard template node for testing.

I don't see how a template could put a unicode symbol on the dashboard.
Right now, I am using a change node to take, for example, a payload of "4", and change it to an ALT-16 character (►).
There are more appropriate arrows in the Unicode world, but the dashboard only shows the standard ASCII set.

What widget you are using in the dashboard to display the arrows ?

Here an example using the template and the ui_text.

r-1

[{"id":"fcec496b.4a3828","type":"tab","label":"Flow 5","disabled":false,"info":""},{"id":"77cd324a.3a3c6c","type":"ui_template","z":"fcec496b.4a3828","group":"6b088045.d465d","name":"Arrows","order":0,"width":"4","height":"6","format":"\n<P>&#x2190;</p> \n<P>&#x2191;</p> \n<p>&#x2192;</p>\n<p>&#x2193;</p>\n\n<p>&#x2196;</p> \n<p> &#x2191;</p>\n<p>&#x2198;</p>\n<p>&#x2199;</p>\n","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":440,"y":240,"wires":[[]]},{"id":"7f35e5e8.aa809c","type":"inject","z":"fcec496b.4a3828","name":"","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":240,"y":180,"wires":[["3af4c064.dd328"]]},{"id":"3af4c064.dd328","type":"ui_text","z":"fcec496b.4a3828","group":"e6b7a998.6433c8","order":2,"width":"2","height":"1","name":"","label":"<P>&#x2190;</p>","format":"<P>&#x2191;</p>","layout":"row-spread","x":460,"y":180,"wires":[]},{"id":"6b088045.d465d","type":"ui_group","z":"","name":"T1","tab":"aff85644.de7a98","disp":true,"width":"6","collapse":false},{"id":"e6b7a998.6433c8","type":"ui_group","z":"","name":"T2","tab":"aff85644.de7a98","disp":true,"width":"6","collapse":false},{"id":"aff85644.de7a98","type":"ui_tab","z":"","name":"LAB","icon":"dashboard","order":23}]

Thank you professor- I understand my homework assignment.

I am understanding a bit more and can display discrete arrows in the dashboard text node.

My problem is that I want to use one dashboard text node by sending the arrow code to it from a change node. But when I try to put "<P>&#x2190;</p>" into msg.payload, I get gibberish in the text node.

Any ideas?

Thanks.

So what settings do you have in the ui-text node? please provide a flow showing the issue from the inject to the ui-text node

Hi, simply sending unicode string should work.

[{"id":"21b42045.65ad3","type":"tab","label":"Flow 1","disabled":false,"info":""},{"id":"6d1adb8e.557194","type":"ui_text","z":"21b42045.65ad3","group":"6b1cbf30.904d2","order":0,"width":0,"height":0,"name":"","label":"text","format":"{{msg.payload}}","layout":"row-spread","x":610,"y":220,"wires":[]},{"id":"3c8edd5b.5f2932","type":"change","z":"21b42045.65ad3","name":"←","rules":[{"t":"set","p":"payload","pt":"msg","to":"←","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":430,"y":140,"wires":[["6d1adb8e.557194"]]},{"id":"3986450a.2131aa","type":"change","z":"21b42045.65ad3","name":"↑","rules":[{"t":"set","p":"payload","pt":"msg","to":"↑","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":430,"y":200,"wires":[["6d1adb8e.557194"]]},{"id":"10e1e202.ae148e","type":"change","z":"21b42045.65ad3","name":"→","rules":[{"t":"set","p":"payload","pt":"msg","to":"→","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":430,"y":260,"wires":[["6d1adb8e.557194"]]},{"id":"dc27a935.8c2978","type":"change","z":"21b42045.65ad3","name":"↓","rules":[{"t":"set","p":"payload","pt":"msg","to":"↓","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":430,"y":320,"wires":[["6d1adb8e.557194"]]},{"id":"5adbc5ce.f4cb3c","type":"inject","z":"21b42045.65ad3","name":"","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":160,"y":140,"wires":[["3c8edd5b.5f2932"]]},{"id":"6a4e0eee.4ea52","type":"inject","z":"21b42045.65ad3","name":"","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":160,"y":200,"wires":[["3986450a.2131aa"]]},{"id":"4aad6473.22409c","type":"inject","z":"21b42045.65ad3","name":"","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":160,"y":260,"wires":[["10e1e202.ae148e"]]},{"id":"ee6e6bc.2e37798","type":"inject","z":"21b42045.65ad3","name":"","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":160,"y":320,"wires":[["dc27a935.8c2978"]]},{"id":"3ede91ea.05466e","type":"function","z":"21b42045.65ad3","name":"loop","func":"function loop(n) {\n    var pos = n % 4;\n    var msgs = [];\n    for(var i = 0; i < n; i++) {\n        msgs.push((i == pos) ? {payload:\"\"} : null);\n    }\n    node.send(msgs);\n    if (n > 0) {\n        setTimeout(function() {\n            loop(n-1);\n        }, 1000);\n    }\n}\nloop(10);","outputs":4,"noerr":0,"x":290,"y":400,"wires":[["3c8edd5b.5f2932"],["3986450a.2131aa"],["10e1e202.ae148e"],["dc27a935.8c2978"]]},{"id":"17dfe88c.c2b407","type":"inject","z":"21b42045.65ad3","name":"","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":160,"y":400,"wires":[["3ede91ea.05466e"]]},{"id":"6b1cbf30.904d2","type":"ui_group","z":"","name":"Default","tab":"29a51209.1cbfde","disp":true,"width":"6","collapse":false},{"id":"29a51209.1cbfde","type":"ui_tab","z":"","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]