User Manual

Advanced functionality
Creating custom components
7
A6V11604297_en--_e
181 | 196
3. In BASIC PROPERTIES, enter your IP/URL video link in the Source field. For example,
http://pr_nh_webcam.axiscam.net:8000/mjpg/video.mjpg?resolution=704x480
4. (Optional) Adjust the Delay (Ms) value to change the refresh rate.
5. When you are finished editing, click .
7.4 Creating custom components
The Animation editor allows you to create your own components using your own images. Once your custom
components are created, they are available in the COMPONENTS pane and can be dragged-and-dropped
like any of the built-in components.
The Animation editor uses multiple images to create an animated sequence. If you select multiple images for a
single state of animation, the images display in sequence. For example, the following image sequence can be
used to show a person running when the data point is ON or the data point value is within a certain range.
There are three types of animated images: Numeric, Boolean, and Enum.
● The type of animated image you select is determined by the number of states that are shown.
● The type of data point used and the type of animated image are not related.
Numeric images
Numeric animated images are commonly used to display the status of a damper or coil. The animation displays
an image (or image sequence) based on a number range.
For example, the operating range for a damper is 0 to 100%. Image 1 displays from 0 to 30%, Image 2 displays
from 30% to 60% and Image 3 displays from 60% to 100%.
Boolean images
Boolean animated images are commonly used to animate a fan or pump. The animation has three states: True,
False, and null. A different image (or image sequence) displays for each state.
For example, if a fan is ON, an animated sequence is displayed. If the fan is OFF, a static image of the fan is
displayed. If the data point value cannot be determined, an out-of-service symbol is displayed.
Enum images
Enum animated images are commonly used to display a fan or pump that has continuous animation when set to
True. The animation displays one image (or image sequence) for each state of the data point.
● When defining an Enum animation, the ordinal position of the image aligns with the data point state.
● The description you enter for each state has no effect on the image that displays.
For example, a data point has the states OFF, LOW and HIGH. The image at position 00 would display for OFF,
the image at position 01 would display for LOW and the image at position 02 would display for HIGH.