Image Properties
The Image control supports the following properties, which are available via the Properties pane and the Canvas script editor. Click next to any property name in the Properties pane to see a short description for the selected property.
See Accessing Screen Objects for more information about how to view control objects in script in the Canvas application.
Categorizing, Sorting, and Finding Properties
You can click
(Categorize), click
(Alphabetical within Category) or click
(Search) within the properties using the features located immediately above the properties list. The search box is useful to help locate a property when an object contains many properties. For clarity, when you enter a search term, items matching your entry string remain displayed and non-matching items are temporarily hidden. Clear the search box to display the full properties list again.
You can expand and collapse each property category by clicking
or
next to the group name or simply clicking anywhere in the category heading.
Image Properties
The following tables describe the property names visible in the Properties pane user interface (UI) and the corresponding script property name.
|
|
|
| UI Property | Script Property | Description |
|---|---|---|
| Name Type Style | ||
|
ControlName |
The Name property specifies the unique identifier for this control. Valid characters are A-Z, 0-9, and underscore (_). Special characters and spaces are not allowed. Names cannot start with a number; an underscore will be prefixed if the control name starts with a number. The default value is the object name and the numeric instance. The control's Name is also displayed on the Controls view of the Screen pane. |
|
|
ControlType |
The read-only Type property displays the type for the control: Button, Chart, CygNet Grid, Edit Box, Object Container, Search Box, Tag Chooser, etc. … The control's Type is also displayed on the Controls view of the Screen pane. |
|
|
|
The Style property defines the style sheet applied to an object on a screen. A style sheet consists of a predetermined list of properties and property values configured for a particular control type.
Styles are created in two ways:
Tip: You can also change a control's Style on the Controls view of the Screen pane. |
|
| Location |
||
|
Height |
The Height property specifies the height of the control (or screen). Tip: You can also change the height of a control using the Settings pane (click on the |
|
|
HorizontalResizeMode |
The Horizontal resize mode property specifies whether and how the control dynamically moves or resizes horizontally when the screen is resized in run mode. Options include:
The default value is None. |
|
|
Layer |
The Layer property specifies the name of the layer to which this object is assigned. Layers can be used to show, hide, and edit multiple controls on one layer without affecting controls on another layer.
Tip: You can also edit a control's Layer on the Controls view of the Screen pane.
Note: Layer visibility can be controlled at runtime via the AddLayer, HideLayer, SetLayerVisibility, and ShowLayer methods on the Screen object. |
|
|
IsLocked |
The Lock property indicates whether the control is locked to the current position. A locked control cannot be moved via click and drag, or nudged with the arrow keys, or resized. Tip: You can also toggle the lock setting of a control using the Settings pane (click on the |
|
|
VerticalResizeMode |
The Vertical resize mode property specifies whether and how the control dynamically moves or resizes vertically when the screen is resized in run mode. Options include:
The default value is None. |
|
|
IsVisible |
The Visible check box indicates whether the control is visible in run mode. Tip: You can also change a control's Visible setting on the Controls view of the Screen pane. |
|
|
Width |
The Width property specifies the width of the control (or screen). Tip: You can also change the width of a control using the Settings pane (click on the |
|
|
X |
The X property specifies the location of the control along the horizontal axis. Use the up, down, left, and right arrow keys to nudge a control by 1 pixel. Arrow moves a control by 1 pixel. Ctrl+Arrow moves a control by 10 pixels. Ctrl+Shift+Arrow moves a control by 100 pixels. Tip: You can also change the location of the control using the Settings pane; click on the |
|
|
Y |
The Y property specifies the location of the control along the vertical axis. Use the up, down, left, and right arrow keys to nudge a control by 1 pixel. Arrow moves a control by 1 pixel. Ctrl+Arrow moves a control by 10 pixels. Ctrl+Shift+Arrow moves a control by 100 pixels. Tip: You can also change the location of the control using the Settings pane; click on the |
|
|
ZIndex |
The Z index property is used to determine the order in which controls are layered on top of each other. Controls with higher values will draw on top of those with lower values. The newest control added to a screen will always have the highest value and will be the top layer. Two or more controls can be on the same index (layer). Tip: You can also change the Z index of a control using the Settings pane (click on the |
|
| Script |
||
|
|
The Include in script check box indicates that the control will appear in the objects collection of the screen (if scripting is enabled). To optimize performance, best practice dictates that you only include the controls you need to manipulate via script. Other controls should be excluded. When you add an event to a control, it will be automatically added to script and the Include in script property (and the In Script check box on the Controls view) will be set to True. Tip: You can also change the Include in Script setting on the Controls view of the Screen pane. |
|
| Value |
||
|
CustomContextMenuItems |
The Custom Context Menu Configuration dialog box is where you configure any custom context menu items that will appear in the right-click context menu for the screen or control. Each custom context menu item will call an event into script so that you can customize screen or control behavior. The custom context menu options will appear at the bottom of the fixed context menu options, separated by a line. Each custom context menu item has a title and an event script ID; items can be designated as a separator; and custom context menus support nested menu items. Click |
|
|
Context menu items > Title |
|
The Title property specifies the menu name to be displayed in the runtime context menu. |
|
Context menu items > Is separator |
|
The Is separator check box indicates whether this menu item will be a separator line in the menu at runtime. Once saved the separator has no configuration and no children. Separators do not have event IDs. Any event ID on a menu item when it’s converted to a separator is deleted. You can give it a title of 'Separator" or "----------" if desired.
|
|
Context menu items > Script event ID |
|
The Script event ID specifies the event ID that will be called when the menu item is selected from the runtime right-click context menu. The event ID is passed in as a parameter into the Custom Context Menu Action event, along with other relevant information in the context of the click, for example, facility or point tag, as appropriate. |
|
DateTimeFormat |
The Date and time format property specifies the format for a point's timestamp using any of the valid .NET standard or custom numeric format strings. The date and time format applies to a point's Timestamp, Last Verified Change Timestamp, and Last Questionable Change Timestamp properties. Use this property to override the default format, which is configured on the Settings page of the Backstage view. The default format is YYYY/MM/DD HH:MM:SS.fff, which corresponds to 2019/01/01 10:20:30.0001. All timestamps are local client time. Note: You can also use the Microsoft .NET Standard Date and Time Format Strings to define the text representation of a date and time value in Canvas. For example, "d" is the short date pattern and corresponds to 1/1/2019, "F" is the full date/time pattern and corresponds to Monday, January 1, 2019 1:45:30 PM. |
|
|
HideInvalidTag |
The Hide invalid tag check box indicates whether to hide the control if it resolves to an invalid or unknown tag. |
|
|
PointConfiguration |
The Point configuration property is used to configure the CygNet point associated with the control. Click |
|
|
Selection mode |
PointConfiguration.SelectionMode |
The Selection mode property is used to determine how the control will receive CygNet information from other controls. Two options are available; click the desired radio button:
Sending and receiving facility tagsSome controls on the same screen allow for the sending of facility tag information from one control to another.
|
|
Point config > Facility
|
FacilityID FacilitySender FacilityTag
FacilityTag.FacilityId FacilityTag.Service FacilityTag.Site FacilityTag.SiteService FacilityTag.SiteService.Service FacilityTag.SiteService.Site IsRelativeFacilityResolutionEnabled PointConfiguration.Facility PointConfiguration.Facility.FacilityID PointConfiguration.Facility.FacilityID.IsBroadcastSourced PointConfiguration.Facility.FacilityID.IsOrderInType PointConfiguration.Facility.FacilityID.IsOrderInTypeAttributeConfigured PointConfiguration.Facility.FacilityID.IsRelative PointConfiguration.Facility.FacilityID.IsSelfSourced PointConfiguration.Facility.FacilityID.OrderInType PointConfiguration.Facility.FacilityID.RelativeFacilityLink PointConfiguration.Facility.FacilityID.ResolveRelativeFacility PointConfiguration.Facility.FacilityID.Source PointConfiguration.Facility.FacilityID.SourceFacilityID PointConfiguration.FacilityTag PointConfiguration.FacilityTag.FacilityId PointConfiguration.FacilityTag.Service PointConfiguration.FacilityTag.Site PointConfiguration.FacilityTag.SiteService PointConfiguration.FacilityTag.SiteService.Service PointConfiguration.FacilityTag.SiteService.Site PointConfiguration.SourceFacilityTag PointConfiguration.SourceFacilityTag.FacilityId PointConfiguration.SourceFacilityTag.Service PointConfiguration.SourceFacilityTag.Site PointConfiguration.SourceFacilityTag.SiteService PointConfiguration.SourceFacilityTag.SiteService.Service PointConfiguration.SourceFacilityTag.SiteService.Site |
The Facility tag or Facility property is where you specify the source of the facility for the control (or screen) to use. The source for the facility can be explicitly configured for this control or it can be inherited from another control on the same screen, or from the screen, or from another screen. Click
|
|
SiteService |
PointConfiguration.SiteService PointConfiguration.SiteService.DisplayString PointConfiguration.SiteService.DomainSiteService PointConfiguration.SiteService.DomainSiteService.DomainId PointConfiguration.SiteService.DomainSiteService.Service PointConfiguration.SiteService.DomainSiteService.Site PointConfiguration.SiteService.DomainSiteService.SiteService PointConfiguration.SiteService.DomainSiteService.SiteService.Service PointConfiguration.SiteService.DomainSiteService.SiteService.Site PointConfiguration.SiteService.IsBroadcastSourced PointConfiguration.SiteService.IsSelfSourced PointConfiguration.SiteService.SiteService PointConfiguration.SiteService.SiteService.Service PointConfiguration.SiteService.SiteService.Site PointConfiguration.SiteService.Source SiteService SiteServiceSender |
The SiteService property is where you specify the source of the SiteService for the control (or screen) to use. The source for the SiteService can be explicitly configured for this control or it can be inherited from another control on the same screen, or from the screen, or from another screen. Click
|
|
Point |
LongPointID PointConfiguration.LongPointID PointConfiguration.PointSelectionMode PointConfiguration.PointTag PointConfiguration.UDC Points
Points.Comparer Points.Count Points.Keys Points.Subscribe Points.Unsubscribe Points.Values PointTag UDC |
The Point property is used to determine how the CygNet point will be configured. Click the appropriate radio button to reveal the desired field.
|
|
ShowContextMenu |
The Show context menu check box indicates whether a right-click context menu will be available or suppressed in run mode. The default context menu will allow alarm acknowledgment, access to point history and alarm history, point configuration, and facility configuration. |
|
|
ValueFormat |
The Value format property specifies the format for the point's value using any of the valid .NET standard or custom numeric format strings. The value format applies to a point's Value, Primary Value, and Alternate Value properties. The default value format is #,##0.00, which corresponds to 123,456,789.12. Formats use # and 0, with a period (.) as the decimal separator and comma (,) as the thousands separator. Add additional zeros to show more decimal places. |
|
| Image |
||
|
IsEnabled |
The Enabled check box indicates whether the image on the control is enabled. The default value is True. |
|
|
FilePath IsValidImage |
This property specifies the path to the file, image file, object file, or screen file. Depending on the selection in the source property the type of path is different. Click
Note: If no image is specified or the image is missing, a missing image icon ( |
|
|
FileSource |
This property specifies the source to the file, image, object file, or screen. Options include:
The default file source is Local. |
|
|
ImageHeight |
The read-only Image height property specifies the height of the image used in the control if no point-state-aware image is displayed. |
|
|
ImageWidth |
The read-only Image width property specifies the width of the source image used in the control if no point-state-aware image is displayed. |
|
|
Images Images.Capacity Images.Count |
The Image Selection dialog box is where you configure CygNet-aware images that will dynamically change based on the point state of the associated point. The point state preference is configured in the Resolution mode property. A default image is displayed if you configure point-state-aware images and no matching state exists. Click Note: If no image is specified or the image is missing, a missing image icon ( |
|
|
Images > Point scheme |
|
The Point scheme property lists the point schemes used in this CygNet domain. The point scheme defines the point types, point alarms, point statuses, and default colors for a CygNet domain. |
|
Images > Point type |
|
The Point type property lists the point types used in the selected point scheme. The point types are configured for the selected point scheme for your CygNet system. The default CygNet Standard Point Scheme has eight point types: Analog Input & Analog Output, Digital Input & Digital Output, Enumeration Input & Enumeration Output, and String Input & String Output. |
|
Images > Point state |
|
The Point state property lists the point states used in the selected point type. Point state is the highest precedented state for a point record as defined for each point scheme. The point state for a point record is based on 48 System, Configuration, and User status bits, which are associated with the four point types (Analog, Digital, String, Enumeration). A point record may contain up to 48 status bits, which are used to provide point status information about the point record in a CVS and the ELSALM. A point can be in multiple states at the same time, for example, in High Warning and High Alarm; however, the state defined to be the most severe is the one that is used for the point state (i.e., High Alarm, in this case). |
|
Images > Image |
|
The Image property indicates the file path and file name of the image that will be substituted when the point state changes to the selected point state. Browse and select the desired image file. Click |
|
ImageResolutionMode |
The Resolution mode property determines how a point's status should be used to select images to display. The control will display an image based on the point state or the alarm condition of the associated point. The point state of the associated point is evaluated to determine which image to display. Options include:
The default option is Point state. Point-state-aware images are configured in the Images property. CygNet Help: For information about Point State and Alarm Condition, see the following topic in the CygNet Help:
|
|
|
ImageSizeMode |
The Size mode property specifies the method used to size the image used in the control so it can scale without distortion. Options include:
The default value is Auto. If the Image height and/or Image width values exceed the boundaries of the Image control, the image uses the selected Size mode behavior and is uniformly stretched to fit the control's boundaries. If the Image height and/or Image width values are smaller than the boundaries of the Image control, the image will be centered within the control's boundaries. |
|
| Font |
||
|
FontSize |
The Font size property specifies the font size of the text on the control. |
|
|
TextStyle |
The Text style property specifies the style to use for the text that appears on the control. Options include: Normal, Italic, or Oblique. The default value is Normal. |
|
|
TextWeight |
The Text weight property specifies the weight to use for the text that appears on the control. Options are: Normal or Bold. The default value is Normal. |
|
| Display |
||
|
MouseCursor |
The Mouse cursor property determines which mouse cursor will appear when the mouse hovers over this control. Select an option from the drop-down menu: Arrow ( |
|
|
SuppressDataRetrieval |
The Suppress data retrieval check box indicates whether all CygNet data retrieval is suppressed for this control. Use this if you want to store point information in the control but don't want the control to automatically query services for data. Tokens will not be replaced and point state colors will be ignored. You can configure the control with a valid point configuration but the control will not retrieve any CygNet data. This allows you to display static text for a control, while still allowing CygNet data context available from script. If a control has a point configured, but Suppress data retrieval is enabled, Canvas won’t do much point processing. The one exception is for point validity. If the control is configured to Hide invalid tag, then Canvas will check if the current tag is valid, even if Suppress data retrieval is enabled. This will allow you to configure some static text that will dynamically hide in the case of a templated screen for a facility that doesn’t have that particular point. |
|
|
Text |
The Text property specifies the text that will appear on the face of the control, which can be a static label, or dynamic text based on point or facility attributes. Dynamic text is built using tokens, which can represent real-time CVS point properties, point configuration properties, and facility properties. Click |
|
| Tooltip |
||
|
TooltipText |
The Tooltip property specifies the text that will appear on the control's tooltip, which can be a static label, or dynamic text based on point or facility attributes. Dynamic text is built using tokens, which can represent real-time CVS point properties, point configuration properties, and facility properties. Click
Type any text, select tokens, and press Enter to separate the lines. If more than five lines are entered, a scroll bar will appear in design mode. The scroll bar does not display in run mode. Also see the Tooltip Opening event for controls that support tooltips. |
|
|
TooltipEnabled TooltipDuration TooltipBetweenShowDelay ToolipInitialShowDelay |
The Tooltip enabled property indicates whether to display a tooltip when the mouse hovers over the control. |
|
|
TooltipMode |
The Tooltip mode property specifies how the tool will be displayed. Options include:
The default value is Text. |
|
|
TooltipObjectPath TooltipObjectSource |
The Tooltip object path property specifies the path used for the tooltip when Object mode is selected. Click |
|
| Generic |
||
|
String |
The String property specifies a generic string property that can be used when scripting this control. Type a string and reference it in your script as necessary. |
|
|
YesNo |
The Yes/No property specifies a generic Boolean yes/no property that can be used when scripting this control. Click the check box to enable the property and reference it in your script as necessary. |
|

