FlowFuse
Widget: Image
Describtion
As a Node-RED Dashboard user, I would like to have an easy and straightforward way to insert images into my dashboard without having to rely on external tools or complicated workarounds. This feature would streamline the process of adding visual elements and enhance the overall user experience.
Allow me to add here that the images should ideally be stored locally (although obviously referencing external images would be possible). Right now it's a pretty big annoyance to:
- Brand dashboards
- Include images saved to disk by nodes (like the image processing nodes) or by external tools
- Include images from external systems (charts from existing systems, etc. - I've even had to hack a template node to display music cover art from a home automation system in an
imgtag...)
Also, the image control should be CSS themable (not as part of the control definition itself, I suppose, just provide enough CSS context for a global stylesheet to adjust presentation).
Locally hosting media may not always be possible, not all systems have persistent file storage, and it is not a sensible idea to inline (base64) them into the flow as this will greatly increase the size of a flow.
Any which way, locally hosting media will be a mandatory requirement for many scenarios. Right now the situation is almost comically awkward, and I honestly don't see why small images can't, for instance, be stored inside GIT projects together with flows.
Edited to add: also, for scenarios where uploading images is a requirement, there has to be an easy way to view them.
Think it's reasonable for us to have a core, image widget. It's a fairly fundamental element, and should be an easy one to implement.
