Image Item

Help Contents

Introduction

An Image Item displays a bitmap image on a graphic page.

To add an Image Item to a graphic page use the Import File Tool.

Image Item Properties

Image Item Properties define how a bitmap image appears on the graphic page.

When one or more Image Items are selected, the Image Properties are shown in the Properties Window. To make changes, enter new values for the appropriate property.

Image Items support these properties:

Identification
Label An optional label to attach to the item.
Properties
Comment A field to store notes and information about the item. The comment property has no effect on how the item is displayed or behaves.
PreserveAspectRatio When True the image is padded to maintain its aspect ratio. When False the image is stretched to fit the rectangle exactly.
Visible The initial visibility in run mode. To dynamically display or hide the item use the DataBindVisible data binding, or the GraphicItemSetVisible() function.
Blink Attributes
BlinkSpeedDefines how fast the bitmap image blinks when the DataBindBlink data binding is true. The options are: Slow, Medium or Fast.
General Data Bindings
DataBindBlink A Data Binding which if evaluates to TRUE causes the item to blink.
Click the Browse button Property browse button to edit the data binding using the Data Binding Editor.
DataBindDisableActions A Data Binding which if evaluates to TRUE disables all actions on this item.
Click the Browse button Property browse button to edit the data binding using the Data Binding Editor.
DataBindTooltip A Data Binding which sets the tooltip to display if a user hovers the cursor over the item. Note: Tooltips are not currently supported in the Android Operator Interface.
Click the Browse button Property browse button to edit the data binding using the Data Binding Editor.
DataBindVisible A Data Binding which if evaluates to FALSE hides the item.
Click the Browse button Property browse button to edit the data binding using the Data Binding Editor.
Size Position Data Bindings
ClipRegionHorizontal When the DataBindClipHorizontal data binding is defined, this value sets whether the left or right side of the item is clipped.
ClipRegionVertical When the DataBindClipVertical data binding is defined, this value sets whether the top or bottom of the item is clipped.
DataBindClipHorizontal A Data Binding which sets how much of the item to clip horizontally. A value less than or equal to zero clips the entire item. A value greater than or equal to one does not clip the item. Values between zero and one clip the corresponding portion of the item.
Click the Browse button Property browse button to edit the data binding using the Data Binding Editor.
DataBindClipVertical A Data Binding which sets how much of the item to clip vertically. A value less than or equal to zero clips the entire item. A value greater than or equal to one does not clip the item. Values between zero and one clip the corresponding portion of the item.
Click the Browse button Property browse button to edit the data binding using the Data Binding Editor.
DataBindOffsetX A Data Binding which moves the image in the horizontal direction. The offset is in canvas units.
Click the Browse button Property browse button to edit the data binding using the Data Binding Editor.
DataBindOffsetY A Data Binding which moves the image in the vertical direction. The offset is in canvas units.
Click the Browse button Property browse button to edit the data binding using the Data Binding Editor.
DataBindRotation A Data Binding which rotates the image from its original position by the number of degrees.
Click the Browse button Property browse button to edit the data binding using the Data Binding Editor.
DataBindRotationSpeed A Data Binding which causes the image to rotate by the number of degrees per second.
Click the Browse button Property browse button to edit the data binding using the Data Binding Editor.
DataBindScaleX A Data Binding which resizes the image in the horizontal direction. A value less than 1.0 shrinks the item horizontally. A value greater than 1.0 expands the item horizontally.
Click the Browse button Property browse button to edit the data binding using the Data Binding Editor.
DataBindScaleY A Data Binding which resizes the image in the vertical direction. A value less than 1.0 shrinks the item vertically. A value greater than 1.0 expands the item vertically.
Click the Browse button Property browse button to edit the data binding using the Data Binding Editor.
Actions
ActionButtonDown An Operator Action script to run when the operator presses the left mouse button down, or touches the display.
Click the Browse button Property browse button to edit the operator action using the Operator Action Editor.
ActionButtonShortcut A keyboard shortcut to emulate a button press on the item. Click the Browse button Property browse button to edit the shortcut using the Shortcut Editor.
ActionButtonUp An Operator Action script to run when the operator releases the left mouse button, or removes touch from the display.
Click the Browse button Property browse button to edit the operator action using the Operator Action Editor.
ActionButtonWhileDown An Operator Action script to run at intervals while the operator holds the left mouse button down, or continuously touches the display.
Click the Browse button Property browse button to edit the operator action using the Operator Action Editor.
ActionDoubleClick An Operator Action script to run when the operator double clicks the left mouse button, or double taps the display.
Click the Browse button Property browse button to edit the operator action using the Operator Action Editor.
ActionContextMenu An Operator Action script to run when the operator clicks the right mouse button, or does a long press on the display.
Click the Browse button Property browse button to edit the operator action using the Operator Action Editor.
WhileDownInterval The interval between each execution of the ActionButtonWhileDown script.

Further Information

Data Bindings

For a complete description of all data binding options.

Graphic Editor Toolbar

For the different tools available to edit graphic pages.

Graphic Editor

For information about editing graphic pages in Fernhill SCADA.

Glossary

For the meaning of terms used in Fernhill SCADA.