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.
“Type of element”	“Image”
“Static ID”	Static ID of an image from an image pool. The image pool can be part of the project or from a library. The ID can be resolved exactly if you specify the full instance path. Instance path for an image with an image pool in the project: <namespace library>.<name of image pool>.<ID image> Example: MyLib.Imagepool.background VisuSymbols.Symbols.Phone: Instance path for an image with an image pool in the VisuSymbols library The namespace for the library (namespace library) is optional. If it is missing, then an image pool will be searched for in the project. The dot in front of the image collection (.) is optional. When the dot is specified, it indicates an instance path in the project. .Imagepool.background If an image cannot be found using this method, then a substitute search is performed using the image ID. The result is the first matching image ID. In the case of ambiguous IDs, this can lead to the wrong image being displayed. This can be prevented by specifying an exact instance path. Tip Specify the full instance path to avoid conflicts: <namespace path> . <name of image pool> . <image ID> 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