Media Viewer Properties
The Media Viewer 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.
Media Viewer 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 permitted. 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. |
|
|
|
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 |
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 |
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 |
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
|
||
|
Tip: You can also change the Include in Script setting on the Controls view of the Screen pane. |
||
Media Viewer
|
||
|
BorderSelfColor |
The Border color property specifies the color used for the border of the Media Viewer or the Nested View. Click Note: If no color is specified, the border color will automatically follow the theme color. If your choose a color, but later want to revert back to the theme color, choose the "Transparent" option, and the color will default to the theme color. |
|
|
FilePath |
This property specifies the path to the file, image file, video file, object file, or screen file. Depending on the selection in the source property the type of path is different. Click
The Media Viewer supports the following video file formats:
|
|
|
FileSource |
This property specifies the source of the file, object file, screen file, image file, or video file. Options include:
|
|
|
PlayMode |
The Play mode property determines how the video will play in run mode. Click
Note: A slider is always visible in run mode to move the video forwards and backwards. |
|
Generic
|
||
|
String |
|
|
|
YesNo |
|
|

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. 