Backend

The eDESIGN editor module serves as the command center for creating and customizing your application's frontend. Accessible only to authorized users (Supervisors and Admins), this backend environment provides the tools to bring your design vision to life.

Accessing the Editor:

  1. Login Initiation: From the frontend homepage, authorized users can click the Login button to initiate the login process. (1)
    Click on user-icon to login

  2. Editor Selection: Upon successful login, you can access the editor by clicking on the user menu and selecting the "Editor" option. This will navigate you to the editor workspace. (2)
    Choose 'Editor' to enter editor-area

Overview

Welcome to the Dashboard:

The editor's starting point is the Dashboard page, offering an overview of key functionalities:

Frontend Menu Overview: Provides a quick view of your application's frontend menu structure.
Connection Overview: Displays the status of connections to external systems like PLCs.
Alarm Overview: Shows a summary of any configured alarms within your application.

Dashboard

  1. Menu Button
  2. Homebutton and Version
  3. Search Field
  4. User Menu Button
  5. Help
  6. Frontend Menu Overview
  7. Overview Connections
  8. Overview Alarms

Dashboard

  1. Current Page Dashboard
  2. Menu Editor
  3. Page Editor
  4. Connection Editor
  5. Alarm Editor
  6. Settings Editor
  7. Trend Module
  8. Table Module
  9. Backup and Restore Module
  10. Upload Custom Controls
  11. CSS Attribute Insertion

Dashboard

The Dashboard page is the start page of the Editor module. It provides an overview of important views of the system settings. Currently the frontend menu overview, the connection overview and the alarm overview are displayed.

Connections

Connections

  1. Unique ID and name of the connection
  2. Indicates whether the variable tree was loaded properly
  3. Shows the status of the current connection
  4. Useful after changing the CODESYS symbol configuration to update the variables
  5. Go to the Connection Editor

Alarms

Alarms

  1. Unique ID and name of the alarm
  2. Reporting of the self-given classification
  3. Alarm Title
  4. Edit Alarm
  5. Delete Alarm
  6. Go to the Alarm Editor