Visualization Element ‘Invisible input’¶
Symbol:
Tag: Common controls
This element is displayed in the editor with a dashed line and is not visible in online mode. You define the behavior of the element in the input configuration.
Element properties
Element name | Optional Tip: Assign individual names for elements so that they are found faster in the element list. Example: |
Element type | Invisible input |
Element property ‘Position’
The position defines the location and size of the element in the visualization window. These are based on the Cartesian coordinate system. The origin is located at the upper left corner of the window. The positive horizontal x-axis runs to the right. The positive vertical y-axis runs downwards.
X | X coordinate of the upper left corner of the element Specified in pixels. Example: |
Y | Y coordinate of the upper left corner of the element Specified in pixels. Example: |
Width | Specified in pixels. Example: |
Height | Specified in pixels. Example: |
Note
You can also change the values by dragging the box symbols ( ) to other positions in the editor.
See also
Element property ‘State variables’
The variables control the element behavior dynamically.
Deactivate inputs | Variable (
|
Element property ‘Input configuration’
The properties contain the configurations for the user input when using the mouse or keyboard. A user input defines an event and one or more actions that are executed when an event occurs.
The Configure button opens the Input configuration dialog box for creating or modifying a user input. Configured user inputs are briefly listed below the events. They each include the action that is triggered and the setting in short form. Example: Execute ST code: |
|
OnDialogClosed | Input event: The user closes the dialog box. |
OnMouseClick | Input event: The user clicks the mouse button completely. The mouse button is clicked and released. |
OnMouseDown | Input event: The user clicks down on the mouse button. |
OnMouseEnter | Input event: The user drags the mouse pointer to the element. |
OnMouseLeave | Input event: The user drags the mouse pointer away from the element. |
OnMouseMove | Input event: The user moves the mouse pointer over the element area. |
OnMouseUp | Input event: The user releases the mouse button over the element area. |
Tap | When a mouse click event occurs, the variable defined in Variable is described in the application. The coding depends on the options Tap FALSE and Tap on enter if captured. |
Variable | Variable ( Example:
Requirement: The Tap FALSE option is not activated. |
Tap FALSE |
|
Tap on enter if captured |
The value is |
Shift | With the onset of a mouse click event, the variable is set; when the mouse click event is completed, the variable is reset. |
Variable | Variable ( If the user releases the mouse button while the mouse pointer is outside of the element area, then the mouse click event is not ended and the value is not toggled. Tip: The user can cancel a started toggle input by dragging the mouse pointer out of the element area. |
Toggle on up if captured | ![]() |
Keyboard shortcuts | Keyboard shortcut on the element for triggering specific input actions. When the keyboard shortcut event occurs, the input actions in the Event(s) property are triggered. In this way, it is not the input action itself that leads to this input action, but the mouse input action. |
Key | Key pressed for input action. Example: Note: The following properties appear when a key is selected. |
Event(s) |
|
Shift |
Example: |
Control |
Example: |
Alt |
Example: |
Note
All keyboard shortcuts and their actions that are configured in the visualization are listed in the Keyboard configuration tab.
See also