Multi-State Image Element

This type of functionality is probably included in the much anticipated 2D drawing feature in 7.3, but the ability to display different images instead of just changing the tint color would be great.

You can do that right now by binding the image path property of the image to an expression or you can change the image path through the style customizer. The image path property is just a string path to some image in Ignition. You just want to change the path to different images depending on some condition.

There’s an example of how you might do this on the Timer component’s user manual page: inductiveautomation.com/supp … itimer.htm

Looks like scripting the image is a feasible way to accomplish what I’m trying to do! Scripting the event looks powerful, but it would be really nice to have a style customizer similar to the multistate indicator element.

For example, you could replace the “text” assignment field with a image path assignment field.

Correct, first add a dynamic property to the image called state that is an integer. You can add dynamic properties through the right click menu on the image by selecting Customizers > Dynamic Properties. Once you have the property you can bind it to a tag or whatever. Lastly, go to the Styles customizer and drive it on the new state property and use th image path property as a styled property.

Once you create this one time you can make a component out of it. Just right click on the component palette and create a new one. On the new tab there is an icon to capture the currently selected component as a your own. Once you do that you can use that image over and over again.