How to add Picture on Dashboard

[Dodong]

hi everyone.
Please help

how to add factory map image layouts according to the image below.

main points how to add images in ".jpg" format to the dashboard.!

Presentation1|690x388

Thank you.

[ukmoose]

That image wasn’t from Node-RED.

But if you want to add an image to the dashboard in Node-RED try searching the forum for “image dashboard” it has come up lots of times before.

[Steve-Mcl]

A quick search of this forum (like 30 secs looking around) and this looks to be the easiest...

https://www.npmjs.com/package/node-red-contrib-ui-media.

There is other was (like having a public folder with images in and using the ui_template node) but it's a bit more advanced. Involves editing setting.js but it is documented (see documentation link top of this forum)

[dceejay]

Or there is this one under development - that may be useful if you have an svg image and want to make it interactive.

Announce node-red-contrib-ui-svg : feedback request

Hi folks, An interactive floorplan is already a long time on top of my TODO list, so I developed an alfa version of node-red-contrib-ui-svg... It would be nice if you could read the readme documentation, test it and give some 'constructive' feedback. Keep in mind that this is an early alfa version, that I published only to start the discussion! I have already registered a list of known issues. For most of those issues I will need some input from the community. I'm not going to repeat all i…

[Dodong]

Hi Steve

i have been to used ui media but have stuck on link as per picture below

Please can you help for this issue.

Thank You
Dodong

[Steve-Mcl]

I've never used it but my guess is you need to first upload the selected image (apparently a button next to image selection) and deploy before you get a link.