Title of your website


Online manuals

  1. Introduction
    1. About myDESIGNER
  2. Tutorial videos
  3. Getting started with myDESIGNER
    1. Creating a project
    2. Workspace management
  4. Checking project
  5. Projects’ visual appearance
  6. GUI/HMI Editor
    1. Creating views
      1. View background
    2. Selecting objects
    3. Drawing primitives
    4. Creating text elements
    5. Inserting images
    6. Poly-lines
    7. Moving objects
    8. Resizing objects
    9. Rotating objects
    10. Skewing objects
    11. Filleting
    12. Combining objects
    13. Fill and stroke
    14. Rulers and guides
    15. Layers
    16. Copying and pasting elements
    17. Object's order
    18. Grouping
    19. Repeated actions mode
    20. View scripting
    21. Used tags
    22. Zooming on zone
    23. Undo and redo
    24. View properties
  7. Components
    1. Default components
    2. Custom components
    3. Used components
    4. Editing components
    5. Replacements
    6. On touch actions
    7. Entering advanced functions (equations)
  8. Components library
    1. Combo box, List box and Text box
      1. Inserting into view
      2. Components parameters
      3. Using components in view scripts
      4. Supported functions
    2. Chart component
  9. Active area
    1. Creating active areas
    2. External web page in active area
    3. HTML code
    4. DIV type
  10. Layout views
    1. Page layout
    2. Adding layout view
    3. Creating new layout
  11. Entering tags and math expressions
    1. Entering tags
    2. Entering mathematical expressions
  12. Tree tags database
    1. Changing tag value
    2. Engineering units
    3. Filtering data
    4. Usage count
    5. MS Excel import and export
    6. Tag import
    7. Deleting unused tags
    8. Restoring tag database
    9. Specifying a new tag during development
  13. Formatting numerical values
  14. Linking views with PLC
    1. Animations
      1. Show value animation
      2. Value to text mapping animation
      3. Visibility animation
      4. Opacity animation
      5. Color animation
      6. Moving animation
      7. Size animation
      8. Scale animation
      9. Rotate animation
      10. Circular sector animation
      11. Zoom visibility animation
      12. Sounds
      13. Sounds triggered by tag value
    2. Effects
  15. Time Sequence
    1. Time sequence example
    2. Triggering time sequences
    3. Modifying time settings
    4. Adding new sequences
    5. Renaming time sequence
    6. Switching among time sequence
    7. Modifying timing
    8. Combining multiple time sequences
  16. Open command
    1. Open type
    2. Target
    3. Popup (face plate) window
    4. View type
  17. Write/Set command
    1. Using batches
    2. Specifying set command parameters
    3. Value options
  18. Scaling set values
    1. Set example
  19. Key shortcuts
  20. On touch
    1. On touch in views
    2. On touch in component
    3. On touch example
    4. Lock element
    5. Lock key
    6. Slider
  21. Parametric views
    1. Opening parametric views
    2. Symbolic text replacements
    3. Symbolic tag creation
    4. Replacing connections
    5. Nesting parametric views
    6. Usage example:
  22. View scripts
    1. Using script in views
    2. Equations in view script using parameters
    3. Declaring variables
    4. Script writing
    5. Using variables in animations and effects
    6. Debugging view scripts
    7. Using debug screen on your view
    8. Using web browsers integrated debugger
    9. Using JavaScript libraries - Includes
    10. Linking external JavaScript libraries – Remote includes
  23. View scripts - list of functions
    1. Dealing with elements
    2. ListBox, TextBox and ComboBox functions
    3. View scripts animations
    4. View scripts effects
    5. Error frames
    6. View scripts zoom
    7. View scripts open command
    8. Users, language and login
    9. Retrieving files
    10. Communicating with server side scripts
    11. View scripts tables
    12. Alarms and aggregated alarms
    13. Data - Log data
    14. Custom charts
    15. Tag info
    16. Other useful functions
  24. Documents
  25. Reports
    1. Creating report templates
    2. Designing report
    3. Inserting text
    4. Adding picture – logo
    5. Table data
    6. Table summary
    7. Previewing report during design
    8. Showing report in runtime
    9. Creating custom report in runtime
    10. Creating report on demand
  26. CAS alarms
    1. Digital alarms
    2. Analog alarms
    3. Alarm window
    4. Alarm history
      1. CAS alarms occurrence - Chart/Table
    5. CAS alarms in view - example
    6. CAS alarms preview of appearance
  27. Data logging
    1. Data - logs
    2. Defining connection
    3. Defining data points
    4. Continuous data logging
    5. Triggered data logs
    6. Triggered logging example
    7. Simple periodic export to CSV and Microsoft Power BI
    8. Data-logs properties
  28. Data - Log views
    1. Data points selection
    2. Data grouping
    3. Data filtering
    4. ✵ 3D chart
    5. Data-logs preview - appearance editor
  29. Aggregated data logs
    1. Creating aggregated data log
    2. Aggregated values:
    3. Time aggregates
    4. Value change aggregates
    5. Aggregates based on alarm activation
    6. Running the aggregation periodically
  30. Advanced trends
    1. Using multiple axes
    2. Advanced trends – visual appearance
  31. Connections
    1. Creating new connection
    2. Creating PLC type connection
    3. Creating database type connection
    4. Creating IoT type connection
    5. Deleting connections
    6. Advanced options - optimizations
  32. User accesses
    1. Access levels
    2. Access groups
    3. User accounts
    4. Limited access for whole project
    5. Limited access for views and trends
    6. Limited access of arbitrary object in views
    7. ✵ User edit in runtime
    8. ✵ RFID
  33. Multi - language support
    1. Providing translations inside a project
    2. Translating names of Views
    3. Translating Data - logs
    4. Translating CAS alarms
    5. Translating advanced trends
  34. * Server-side scripts
    1. Server-side scripts folder
    2. Server-side scripts folder structure
    3. Variables tables
    4. Script data-logs
    5. Global variables
    6. Sources folder
    7. Organizing project into modules
    8. Importing modules
    9. Using the event-driven asynchronous callbacks
    10. Creating server side reports
    11. mySCADA specific functions
    12. Debugging
    13. Script status (on myBOX devices only)
    14. Ser2Net (on myBOX devices only)
  35. View and server side scripts – common tasks
    1. Graphical guides
    2. Read/Write data from/to PLC
    3. Generating report
    4. Other guides
    5. Server side scripts – examples
    6. Reading data from PLC
    7. Writing data into PLC
    8. Timers – eg. run code in given time intervals
    9. Scheduled execution e.g run code every Monday at 2:00 PM
    10. Generating a report at given time interval
    11. Limiting access to generated files
    12. Processing data-log data
    13. Exporting data-log data into CSV files
    14. Using virtual PLC
    15. Sending data from view script into server side scripts
  36. Devices
  37. EtherNet/IP driver
  38. MicroLogix and SLC driver
  39. Modbus driver
    1. Modbus tag name syntax
    2. 32-bit registers in Modbus
    3. Floating point numbers
    4. 32-bit integers
    5. Address mapping
    6. Signed and unsigned numbers
  40. Siemens S7 family PLCs driver
    1. S7 memory types
    2. S7 data types
    3. S7 1200/1500 notes
    4. LOGO! 0BA7/0BA8 configuration
    5. S7-200 (via CP243-1) configuration
  41. OPC UA driver
    1. OPC UA tag name syntax
    2. OPC UA connection configuration
  42. MELSEC-Q driver
    1. MELSEC-Q tag name syntax
    2. MELSEC-Q connection configuration
  43. SigFox driver
    1. SigFox data types
    2. Reverse order
  44. KNX driver
    1. KNX notes
  45. Databases driver
    1. Reading values from SQL database
    2. Examples
    3. Writing values to SQL database
    4. Using SQL connectivity in Server Side Scripts
  46. Export/Import in .CSV files
    1. Translations
    2. .CSV export/import in general
  47. Download/Upload from/to device
    1. Download to device
    2. Upload from device
  48. * Recipes
    1. Recipes Advanced
    2. Recipes - Check changes with device
  49. * Running hours
  50. * Timeline
  51. * mySCADA TIA portal connector

6.1.Creating views #

To create views for visualization, open the Views folder in the Project Window; the main toolbar will show you these options: Open View, Add View, Duplicate View, Delete View, Print View, and Show Used Tags.


1. Click on the Add View icon located above the main screen or use the command from the main menu Project->Views->New View.

A new dialog window opens to allow you to set the visualization parameters:


Name: view name

Description: additional comments about visualization

Parametric Window: option to create a parametric view – use parametric views when you need multiple views different only in a data source; such sources are specified by the received index when a parametric view is prompted (see Commands – Open command and Parametric window).

Connection: list of PLC connections defined in the current project. This is a default connection – if you enter the tag and do not specify the connection, this connection will be assumed as the default.

Refresh: refresh rate of the visualization; time in milliseconds

Page Orientation:

  • Portrait predefined vertical display
  • Landscape predefined horizontal display
  • Note: If your device uses a pop-up menu toolbar (iPhone, Smartphones, etc.) you can set up its width in pixels, and it will be automatically subtracted from the final screen size.

New View Size:

  • Parameter Based – here you can set the aspect ratio and the canvas size
  • Device Based – variations of pre-defined settings for many types of devices
  • Custom – allows you to define your own view settings
  • Note: You can change the screen dimensions at a later time if you right-click on the canvas and select ’Resize canvas’ from the pop-up menu.

2. Click on Add to create a view with the selected parameters or press Cancel to exit without creating or saving the view.

In the Project Window, you can see all the views listed in the Views folder.  In the Properties window, you can see the parameters of the currently selected view. To open an existing view, simply double click on its name. You can also click on the Open View icon or on select Open View from the Project->Views menu. You may also use the other options such as copy, delete, import a view, etc.





This menu allows you to manipulate an opened view:

Export – exports the current view into other formats: JPG, PNG, BMP, and PDF

Print – prints the current file (shortcut Ctrl+P).

Check – performs a check of your view; use this if you experience malfunctions, and it will check for possible duplicity of IDs, objects misplaced outside of the canvas, etc.

Close – closes the current file (shortcut Ctrl+W).


This menu provides basic operations like undo, redo, copy, cut, delete, group, lock, select, etc.

Undo – erases the last change made in the program (shortcut Ctrl+Z)

Redo – reverts the change (shortcut Ctrl+Y)

Copy – creates a copy of a selected object or area on the clipboard (shortcut Ctrl+C)

Paste – pastes the object or area from the clipboard (shortcut Ctrl+V)

Paste on the same location – pastes the copied or cut object to the same location as the source.

Cut – cuts a selected object and places it on the clipboard (shortcut Ctrl+X)

Delete – deletes a selected object (shortcut Ctrl +D)

Paste dimensions – transfers certain parameters of a selected object:

  • Paste size – modifies selected objects, setting the size to that of the object being copied
  • Paste width – modifies selected objects, setting the overall width to the size of the object being copied
  • Paste height – modifies selected objects, setting the overall height to the size of the object being copied
  • Paste size separately – resizes selected objects one by one
  • Paste width separately – changes the width of selected objects one by one
  • Paste height separately – changes the height of selected objects one by one

Group – groups multiple objects together (shortcut Ctrl+G)

Ungroup – splits the grouped objects

Enter group – allows access to individual objects inside an object group (shortcut Ctrl+E)

Exit group – returns to normal selection mode, i.e. the whole group will be selected at once (shortcut Ctrl+Shift+E)

Select all – selects all objects on the canvas (shortcut Ctrl+A)

Deselect all – deselects all objects on the canvas


In this menu you can create figures, lines, and curves; add pictures and texts; etc.

It contains the same features as the main toolbar; for detailed information, see the toolbar section of this chapter.


In this menu you can align, center, distribute, order, flip, and rotate objects and resize the canvas.


In this menu, you can enable grid and rulers; different zoom options are available too.


This menu includes the Memory Monitor utility.

Memory Monitor – shows the amount of memory being used by myDESIGNER


This menu offers additional information about myDESIGNER.

  • TIP: The most frequently used functions from these menus are also available in the main toolbar or in the right-click menu.

GUI Toolbar

In the upper part of the GUI editor window, there is a secondary GUI toolbar where you can find all of the necessary functions for designing and animating the views.

  1. File section – undo, redo, check view, save, save all, a preview of the view.
  2. Edit section – cut, copy, delete,…
  3. Zoom section – zoom in, out, fit to the page, zoom on a section.
  4. Draw section – drawing tools, text element, component library, a text section, insert an image, create an active area, insert smart input.
  5. Group section – tools for grouping object, ungrouping, entering groups, exiting groups
  6. Level section – tools for changing the order of objects moving them to foreground or background.
  7. Modify section – tools for modifying objects, changing colours, scale, align, flip, line join,…
  8. Layer section – creating layers, changing objects layers, moving layers. hide/show layer,…
  9. Time section – creating effects, creating a time sequence.
  10. Scripts section – opening view script, displaying used tags inside the project.


Properties Bar

This bar is located right below the GUI toolbar. It allows you to view and change the properties of selected objects or set default drawing properties such as fill and stroke color; line type and line thickness; font family, type, and size.

If there is no object selected, you can specify the default properties for new objects to be created. If you click on an existing object, you will see its current properties that you can modify.

In the following example, all of the new objects will have transparent fill and black solid line stroke:


With the Properties bar, you can easily change the properties of multiple objects at once: stroke width, stroke style, stroke color, fill color, and also the font family and size.


Options Bar

This bar is located in the left lower part of the Main window.


Here you can activate the repeat action mode; turn on/off the smart guidelines, snap-to-points, and square mode function; enable the grid; set the discrete rotation step; force horizontal/vertical line drawing; and automatically close the drawn paths. Detailed explanations of each function will follow.

Suggest Edit