Develop an icon that changes color

Implement an image of a conveyor that changes the color of its chassis based on the associated alarm state.
NOTE:
Download a sample project:
 ChangeIconColorBasedOnAlarm.zip
Application example - disabled alarm
Application example - enabled alarm
Prerequisites
  • Download, unzip, and copy the SVG 1.2 Tiny image into the
    ProjectName
    /ProjectFiles
     folder:
    TIP:
    To enable the selective image color manipulation, the image part of interest must have a unique
    @id
     attribute assigned.
    For example: 
    <g 
    id="ConveyorChassis"
    >
    <polygon style="fill:#3C4660;" points="8.532,379.733 503.466,379.733 503.466,277.333 8.532,277.333"/>
</g>
  1. To develop the project
  5. Arrange the interface elements.
In
FactoryTalk Optix Studio
, select
Run
Run
 to run the project using the client emulator to test your project. To run the project on a remote client, see Add a client device.
Provide Feedback
Have questions or feedback about this documentation? Please submit your feedback here.