I assume this will be documented later, also so forgive me if this is something that I have just overlooked. Is there a way to upload images and icons or browse to select them in Perspective? I see the “source” in the image component and “path” in the icon component but don’t understand how to browse or upload images etc. I tried vision image paths but that didn’t work for me.
It’s not obvious, but you can drop your own icon libraries right into perspective’s icons folder data\modules\com.inductiveautomation.perspective\icons and they’ll be available for use in perspective. Material just the only library we’re shipping with. Just copy the file format as material, and you should be all set. The filename (minus the .svg) is the icon library name.
We’re happy to ship perspective with any font library that allows it. Doesn’t look like fontawesome is in that category. But if you have a license for it, you can add it to your projects.
The Image Management window doesn’t allow me to upload SVG files, only PNG/JPG/GIF. The tooltip for the image component tells me I can use an SVG file, but if I can’t add it to the Image Management window, how can I use it?
edit: just remembered that I can drag and drop an SVG file directly into my view from a windows folder, so that’s all good. Still have the question, should I be able to add SVG’s to the image management window? Or is drag-and-drop the only method of adding in SVG’s?
Regarding the Images and svg files. Is it possible to have a folder in my server with Ignition perspective pointing to it and display the images without dragging them to the perspective folder?
I want to make a folder with some images and display them in Ignition Perspective (This is not a problem). But I also want that every time that I made a small change to that images (for example blueprints displaying in Ignition Perspective), I want that images update automatically to my project in Ignition. Is this possible configuring the path or something like this??
and then reference them as an image source with Image.props.source = '/path_within_main/image_name.extension'
Update: Users here on the forum keep coming back to this post, but this approach is unsupported and could stop working at any time. The fully-supported future-proof approach is to use the WebDev module and supply your images as resources there.
If you have an image you need to use in both Vision AND Perspective, then the image should probably be stored through the Designer’s Image Management. Vision and Perspective use different methods to locate supplied files, and while Perspective can look in the internal database or in the webapps folder, Vision might only be able to look in the internal database or a relative location on a local machine.
Thank you for this this elegant solution, it works great!
Once I bind these images to the Image Component's source I can't seem to delete the files using os.remove() even though the image is not displayed anymore. Is there a step that I am missing?