User Manual
Table Of Contents
- 1 About this document
- 2 Commissioning
- 2.1 Default connection
- 2.2 Initial login
- 2.3 Setup wizard
- 2.4 Discover and assign devices
- 2.5 Subscribing to the time master
- 2.6 Time synchronization of the time master
- 2.7 Registering as a foreign device
- 2.8 Touch panel settings
- 2.9 Operating and monitoring features
- 3 Data point integration
- 4 Graphic features
- 4.1 Plant view Tools
- 4.2 Kiosk graphics
- 4.3 Engineering notations
- 5 Graphics Builder
- 5.1 Overview
- 5.2 Pane tools
- 5.3 Graphics libraries
- 6 Graphics engineering
- 6.1 Using supersample graphics
- 6.2 Optimizing graphics for PXM touch panels and standard devices
- 6.3 Thumbnails
- 6.4 Dashboards
- 7 Advanced functionality
- 8 Tips and tricks
- 8.1 Updates required after a time zone change
- 8.2 APPLY BATCH TAGS
- 8.3 Graphic components within models cannot be modified
- 8.4 A graphic with relative binding that includes data points from different branches of the hierarchy cannot be created at the Root level
- 8.5 Relative hyperlinks cannot be added to a graphic at the Root level
- 8.6 Relative hyperlinks in a graphic are broken if the graphic is engineered offline and then imported to another device
- 8.7 Automatic logout from Desigo Control Point causes Graphics Builder to temporarily stop working
- 8.8 Detection of network interruptions
- 8.9 Cancelling a kiosk log out sequence
- 8.10 Special characters do not display in graphic file names
- 8.11 The color of a graphical component may display incorrectly if the component was copied
- Index
Advanced functionality
Creating a button to command multiple data points
7
188 | 195
A6V11604297_en--_g
Additional hints
Graphics in the Supersample graphics library may contain functionality that you want to use in your own
program. In particular, the program statusIndicatorProg may be helpful.
Do the following to display the code for any program in a graphic:
1. Select > > Configure graphics > Edit.
2. Select a Supersample graphic and click Edit.
3. In the PROGRAMS pane, move your cursor over the program name and click .
The program is displayed in the PROGRAM EDITOR.
Testing the program code
The console.log() statement shows how statements are evaluated at runtime. For example, the following
code line outputs the variable value to the console:
console.log(this.writeVAL);
Do the following to display the console output while debugging graphic programs:
1. Open Desigo Control Point in Chrome browser.
2. Display the desired graphic in the Plant view work area.
3. Press F12 to open the Chrome DevTools pane.
4. Click the Console tab.
5. Click the Button on the graphic.
Any console.log() statements are output to the Console tab of Chrome DevTools.