元素的大小和位置在属性视图中指定为像素坐标。这些设置同时以图形方式显示在编辑器视图中。

当你将一个可视化元素从工具箱视图拖动到编辑器视图时，它将显示为已选中，如下面的矩形元素示例所示：

.

可能的位置取决于设定的网格。你可以更改其设置CODESYS选项。快捷菜单中的命令可用于对齐和分组。

现在可以在编辑器中直接移动或调整元素的大小。或者，也可以在属性编辑器中配置位置属性，该属性将为所选元素自动打开。请参考相关说明，例如在按钮元素的帮助页面中。更改也会在另一个编辑器中更新。

.

.在编辑器中更改元素大小和位置

1.	. 聚焦元素,使鼠标指针的形状指示移动（示例：）。
2.	. 将元素拖动到任一位置。 ⇒ 元素的位置也在位置 ➔ X和位置 ➔ Y 中更新。
3.	. 聚焦蓝色框 ⇒ 鼠标指针的形状为双箭头，指示方向，即可以拖动框以调整框大小的方向。
4.	. 拖动蓝色框以调整元素大小。 ⇒ 元素的位置也在位置 ➔ X和位置 ➔ Y 中更新。

此外，还可以旋转矩形、直线、多边形和饼图元素。

.

.矩形、直线、多边形、饼图和图像的静态旋转

1.	. 选择静态旋转的元素。示例：矩形 ⇒ 矩形显示在可移动位置框旁边，并带有一个句柄。   .   (1) 句柄
2.	. 将鼠标指针移到句柄上。 ⇒ 光标显示为一个旋转箭头。
3.	. 将元素旋转到任一位置。 ⇒ . ⇒ 在属性位置 ➔ 角度中，设置的角度以度显示。

每个可视化元素都在自己的可视化层（z轴）中。它可以被前景中的其他元素隐藏，也可以被背景中的其他元素隐藏。图层的顺序可以在编辑器视图上方的元素列表选项卡中看到。元素从前到后的顺序指定了可视化层从后到前的顺序。

使用顺序快捷菜单中的命令来移动选定的元素。

元素列表的示例（1）：

.