dl-breadcrumbs__homedl-breadcrumb-item__separatorConfiguration and programmingdl-breadcrumb-item__separatorProgramming with CODESYSdl-breadcrumb-item__separatorCODESYS Visualizationdl-breadcrumb-item__separator...dl-breadcrumb-item__separatorReference: Programming dl-breadcrumb-item__separatorVisualization Elements dl-breadcrumb-item__separatorVisualization Element: Button dl-breadcrumb-item__separatorElement properties dl-breadcrumb-item__separatorAbsolute movement
dl-pagination__prev-inactivedl-pagination__prev-activedl-pagination__next-inactivedl-pagination__next-active
Absolute movement dl-permalink__symbolPermalink

The properties contain IEC variables for controlling the position of the element dynamically. The reference point is the upper left corner of the element. At runtime, the entire element is moved.

“Movement”

“X”

  • Variable (numeric data type) for the X-position (in pixels)

    Example: ‎PLC_PRG.iPos_X‎.

  • Container variable: ‎Container.Width‎

    For more information, see:

Increasing this value at runtime moves the element to the right.

“Y”

  • Variable (numeric data type) for the Y-position (in pixels)

    Example: ‎PLC_PRG.iPos_Y‎.

  • Container variable: ‎Container.Height‎

    For more information, see:

Increasing this value at runtime moves the element downwards.

“Rotation”

Variable (numeric data type) for the angle of rotation (in degrees)

Example: ‎PLC_PRG.iAngle1‎.

The midpoint of the element rotates at the “Center” point. This rotation point is shown as the _visu_icon_center_point.png symbol.

At runtime, the alignment of the element remains the same with respect to the coordinate system of the visualization. Increasing the value rotates the element to the right.

_visu_img_prp_rotation.png

“Scaling”

Variable (integer data type) to trigger a centric stretching

Example: ‎PLC_PRG.iScaling‎.

The reference point is the “Center” property.

The value ‎1‎ shrinks the element by a factor of ‎0.001‎. The value ‎1000‎ returns the element to its original size.

You can combine the variables to a ⮫ Unit conversion.

The “X”, “Y”, “Rotation”, and “Interior rotation” properties are supported by the "Client Animation" functionality.