Element properties

Are all element properties available?

All properties are visible only after you select the “Advanced” option or the “All categories” filter in ⮫ “View: Properties ”.

“Element name”	Example: `‎Status bar‎` TIP: Assign individual names for elements so that they are found faster in the element list.
“Element Type”	“Image”
“Static ID”	Identifier of the image file for a static assignment ID of the image file on, as it is defined in the corresponding image pool. If the image is not included in the global image pool in the POU view, then the instance path must be specified. Then the name of the image pool is preceded to make the entry unique. Example: `‎imagepool2.button_image‎`. When a new ID is specified, a file selection dialog opens. The selected file is saved to the “GlobalImagePool”. For more information, see: ⮫ Object: Image Pool
“Show frame”	: The image file is displayed with a frame.
“Clipping”	Requirement: The “Scaling type” property is “Fixed”. : Only part of the visualization is displayed that fits in the element frame.
“Transparent”	: The image pixels that have the “Transparent color” are displayed as transparent.
“Transparent color”	Effective only if the “Transparent” option is activated. The button opens the color selection dialog. This is where you select the transparent color.
“Scaling type”	Definition of how an image fits in the element frame. “Isotropic”: The entire image is displayed in the element frame, either larger or smaller. As a result, the proportion of height and width are retained. If the alignment of the elements to each other should also be retained within a scaled frame element, then note the following. Unwanted horizontal or vertical offsets can be prevented by setting the properties “Horizontal alignment” and “Vertical alignment” to “Centered”. The alignment of the elements is retained and there are no resulting horizontal or vertical offsets. Example: A lamp is centered above a switch. The lamp should remain in the horizontally centered position, even if the frame is resized. “Anisotropic”: The image resizes automatically to the dimensions of the element frame, filling the entire element frame. As a result, the proportions are not retained. “Fixed”: The image retains its original size, even if the element frame is resized. Note also that the “Clipping” option is selected. For each reassignment of an image ID, the element size is adapted automatically to the image size.
“Horizontal alignment”	Horizontal alignment of the element within the element frame: “Left” “Centered” “Right” Requirement: The scaling type of the image is “Isotropic” or “Fixed”. NOTE: If the visualization is referenced, then the horizontal alignment takes effect within the frame position. : The “Variable” property is shown below this.
“Variable”	Enumeration variable (`‎ENUM VisuElemBase.VisuEnumVerticalAlignment‎`) for horizontal alignment Example: `‎PLC_PRG.eHorizontalAlignment‎`
“Vertical alignment”	Vertical alignment of the element within the element frame: “Top” “Centered” “Bottom” Requirement: The scaling type of the image is “Isotropic” or “Fixed”. NOTE: If the visualization is referenced, then the horizontal alignment takes effect within the frame position. : The “Variable” property is shown below this.
“Variable”	Enumeration variable (`‎ENUM VisuElemBase.VisuEnumVerticalAlignment‎`) for vertical alignment Example: `‎PLC_PRG.eVerticalAlignment‎`

Example

A valid declaration is required for the variables used as an example in the table above.

Enumeration

TYPE VisuElemBase.VisuEnumHorizontalAlignment
    LEFT
    HCENTER
    RIGHT
END_TYPE

TYPE VisuElemBase.VisuEnumVerticalAlignment
    DOWN
    VCENTER
    BOTTOM
END_TYPE

Declaration

PROGRAM PLC_PRG
VAR
    eHorizontalAlignment : VisuElemBase.VisuEnumHorizontalAlignment := VisuElemBase.VisuEnumHorizontalAlignment.HCENTER;
    eVerticalAlignment : VisuElemBase.VisuEnumVerticalAlignment := VisuElemBase.VisuEnumVerticalAlignment.VCENTER;
END_VAR

For more information, see: ⮫ Object: Image Pool

Position
Center
Colors
Appearance
Texts
Image ID variable
Text properties
Dynamic image
Absolute movement
Relative movement
Text variables
Dynamic texts
Color variables
Look variables
Font variables
State variables
Input Configuration
Animation
Access Rights