dl-breadcrumbs__homedl-breadcrumb-item__separatorConfiguration and programmingdl-breadcrumb-item__separatorProgramming with CODESYSdl-breadcrumb-item__separator...dl-breadcrumb-item__separatorCODESYS Visualizationdl-breadcrumb-item__separatorApplying Visualization Styles dl-breadcrumb-item__separatorEditing Visualization Styles in the Editor dl-breadcrumb-item__separatorCreating new visualization styles
dl-pagination__prev-inactivedl-pagination__prev-activedl-pagination__next-inactivedl-pagination__next-active
Creating new visualization styles

Requirement: CODESYS is open with a project containing a visualization.

  1. Double-click the “Visualization Manager” object in the device tree.

    The editor opens.

  2. On the “Settings” tab, in the “Style Settings” group, click the _visu_icon_activate_style_editor_cmds.png symbol.

    A list of commands opens.

  3. Click “Open Style Editor”.

    The Visualization Style Editor opens.

  4. Click “File  New Style”.

    The “Create New Visualization Style” dialog opens.

  5. Specify a name. Specify a base style.

  6. Specify a directory and click “OK” to close the dialog.

    The new style appears in the Visualization Style Editor.

  7. Add a new style property.

  8. Provide a version for the style and click “File  Save and Install”.

    The style is installed in the Visualization Styles Repository with the version number.