dl-breadcrumbs__homedl-breadcrumb-item__separatorConfiguration and programmingdl-breadcrumb-item__separatorProgramming with CODESYSdl-breadcrumb-item__separator...dl-breadcrumb-item__separatorAutomation Builderdl-breadcrumb-item__separatorReference: Programming dl-breadcrumb-item__separatorProgramming Languages and Editors dl-breadcrumb-item__separatorCommon Functions in Graphical Editors
dl-pagination__prev-inactivedl-pagination__prev-activedl-pagination__next-inactivedl-pagination__next-active
Common Functions in Graphical Editors

The implementation part of the graphical editors for FBD, LD, CFC, and SFC contains a toolbar in the lower right corner:

_cds_icon_back_to_edit_mode_tool.png

Return to normal editing mode

The mouse pointer changes back to the shape of the default arrow. You can select and edit elements in the editor view.

_cds_icon_pan_tool.png

Panning tool

The mouse pointer changes to the shape of two crossed arrows. You can click and drag anywhere in the editor view to move the visible area of the FBD/LD/IL editor or also pivot a CFC chart.

cds_img_button_magnifier.png

Magnification tool

A magnified window opens in the lower right corner of the editor view and the mouse pointer changes to the shape of a cross. As you move the mouse pointer over your diagram, the magnification tool shows the area of the diagram below the cross at 100% magnification. Note: If you click in the view, then the magnification tool closes and the part of the diagram that the tool contained is displayed at 100% magnification. If you want to keep the set zoom factor, then you should use _cds_icon_back_to_edit_mode_tool.png to return to the default editing mode.

_cds_icon_zoom.png

Zooming tool

This opens a list box with a selection of zoom factors. Clicking more selections (‎...‎) will open the “Zoom” dialog for typing other values. The current zoom factor is always shown to the left of the symbol.

Zooming with the scroll wheel: By holding down the [Ctrl] key and moving the scroll wheel, you can change the zoom factor in steps of 10%.

Every graphical editor has its own “Toolbox” view that is located on the right of the editor view by default. The toolbox contains elements that you can drag to insertion points in the editor view. CODESYS highlights the insertion points with gray position flags in the shape of diamonds, triangles, or arrows. These flags are green when you move the mouse pointer over them. When you release the mouse button, CODESYS inserts the element at the selected position.

It is also possible to use the mouse for moving elements in the editor.

You can drag function block declarations in the FBD, LD, and CFC graphical editors to the editor view. To do this, select the full declaration (variable name and data type) and drag it to a suitable position in the editor view. In the ladder diagram, you can also drag Boolean declarations to the editor and insert them as contacts.