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.15.Layers #

When you are creating complex visualizations, you might find it challenging to keep track of all of the graphic objects on the canvas. The smaller items might be hidden under the larger ones and thus working with them could get difficult. Layers can help you to keep track of your items.


Think of the layers as transparent planes, each containing graphic items that are glued together. If you change the order of the layers, you also change the position (visibility) of the items on the canvas. You can move items within a single layer, or you can group together multiple items spread throughout several layers. If you copy objects, then a new object is copied into the layer of the original object.

Layers can be controlled from two different places. There is a Layer window located above the properties window (toggle its visibility in the main menu – section Windows), and there is a Layer Combo Item located on the GUI Toolbar.


Layer Combo

The Layer Combo option is located on the right side of the GUI Toolbar:



With the Layer Combo option, you can control all aspects of Layers. An explanation of the controls is in the following picture.



Layer Window

The Layer window is activated in the main menu. Go to Window and toggle Layer Window visibility on/off.



The Layer Window and the Layer Combo option are complementary elements; both of them allow you to access all functions of Layers. The Layer window occupies more space, and so it allows for more comfortable control of layers than the Layer Combo option. An explanation of the controls is in the following picture:




Changing Layer Visibility

To change the layer’s visibility, click on the eye icon of the corresponding layer.



Locking selection

You can lock a selection for a given layer by clicking on the Lock icon. If the layer is locked, you will not be able to select any of its elements.



Setting Active Layer

The Active layer is the one into which new objects are drawn. For example, if you set the active layer to a layer named “Background” and then create a new object, this object will be created in the layer called Background. The Active layer cannot be locked, as you cannot create new elements on locked layers.

Setting Active Layer in Layer Combo control

If there is no object selected in your view, the name of the active layer is displayed in the Layer combo control.




To select a new active layer:

1. Make sure you have no object selected in your view. If you have selected objects, use the escape key to unselect all objects or click on a canvas)

2. Click on the Layer Combo control, and list of layers is shown.

3. Click on a layer name, which you want to set as the new Active Layer.


Setting Active Layer in Layer Window

The Active layer is denoted in the Layer Window by the checked checkbox on the left side of the layer control.




To select a new active layer, simply check the checkbox next to the desired layer.

Creating New Layer

To create a new layer, press the “+” button. A new dialog appears; enter the Layer name and confirm. A new layer will be created.



Removing Layer

To remove an existing layer, click on its name and press the “” button. If the layer you are about to delete contains any graphical objects, you will be presented with a warning:



If you continue, the layer will be deleted along with all the graphical objects it contains.

WARNING: If you delete a layer, all graphical objects contained in the layer will be removed as well. This action cannot be undone.


Selecting all items in given layer

To select all items in given layer, click on the select all items icon.



Changing Layer Name

To change a layer name, double click on the layer name. The Rename dialog will be shown. Change the name and press the OK button.



Special Purpose Layer – ActiveArea

As you might notice, the topmost layer is always a layer named “ActiveArea”. This Layer cannot be removed or shifted. It only contains active areas defined in your views. Active areas are always on top of the rest of your drawings.

Determining Layers of selected objects

If you select an object or multiple objects, the layer containing these objects will be displayed in the Layer Combo box and highlighted in green in the layer list.



. 1 The selected object is on the layer named “Middle Layer”. You can see the name of the layer in the Layer Combo control panel. Note that the name is in bold.



. 2 The selected object is on the layer with the name “Middle Layer.” This is shown in the Layer Window by a green highlight and bold font.

If you select multiple objects belonging to different Layers, the Layer controls will highlight all corresponding layers in green.

  • Note: The Layer Combo box will show the name of the top layer in the selection; its name will not be in bold.



Moving Objects to different Layer

If you want to move objects to a different layer, select the objects on the canvas and then select the desired layer. The selected objects are all moved to the desired layer.



A green highlight shows which layer contains your selected objects. To move the selection to a different layer, just click on the layer name.



A green highlight shows which layer contains your selected objects. To move the selection to a different layer, just click on the layer name.

Changing Order of Layers

Changing the order of Layers is quite simple. Just select a layer you want to move and then click on the Up or Down arrow to move it.

Layers at the top of the list overlap the layers at the bottom of the list. Therefore, if you move a layer up, it will overlap all the layers below it in the list.





Changing Layers Properties

To change layer properties, press the setting button.



You will be presented with the Layer Settings dialog.



The layer settings dialog has two parts; on the left side, there is a list of layers. You can add, delete, change position, and merge layers with the buttons at the bottom of the list. On the right side, there is a settings pane for the selected layer.

Changing Layer Name

To change a layer’s name, click on the layer in the list of layers to select it. Then you can write a new name in the Name box.



Changing Layer Opacity

To change a layer’s opacity, click on the layer in the list of layers to select it. Then drag the Opacity slider to change it to a new value.



Changing Layer Visibility

To change a layer’s visibility, click on the layer in the list of layers to select it. Then, fill in the conditions for visibility. E.g., enter tag and minimum and maximum values. If the tag value is within the range of the specified minimum and maximum values, the layer will be visible.



Changing Layer visibility based on Zoom level

To change a layer’s zoom visibility, click on the layer in the list of layers to select it. Then check the zoom visibility check box. Now you can specify the minimum and maximum zoom level when the layer will be visible.



For more information about zoom visibility animation, please refer to the chapter Animations.


Changing user access rights for given layer

You can limit who can view the objects in a given layer. In addition, you can limit which users will have access rights for objects in given layer. To change a layer’s access rights, click on the layer  in the list of layers to select it. Then you can change the access levels for read and write access  as well as access group levels.



For more info about User Access Rights, please refer to the chapter User Accesses.

Suggest Edit