Examples

ex_dp ex_arr ex_rot

Single Node / Alarm Change Event –> Rotate element

Clicking on one of these buttons will change the value of the applied node.

The green block rotates inside the blue border as parameterized.

../../../../../../_images/example_buttons_degrees.png
../../../../../../_images/example_sd_rotate.png

ex_dp ex_arr ex_skew

Single Node / Alarm Change Event –> Skew element

Clicking on one of these buttons will change the value of the applied node.

The image file skews as parameterized - in this case 100 % is equivalent to an angle of 20°.

../../../../../../_images/example_buttons_percent.png
../../../../../../_images/example_sd_skew.png

ex_dp ex_arr ex_opac

Single Node / Alarm Change Event –> Change Opacity

Clicking on one of these buttons will change the value of the applied node.

The circle will change its fill opacity from 0 % to 100 % green.

../../../../../../_images/example_buttons_percent.png
../../../../../../_images/example_sd_opacity.png

ex_mouse ex_arr ex_setdp

ex_dp ex_arr ex_color

Mouse Event –> Set address(es)

Single Node / Alarm Change Event –> Change Color

Moving the mouse in or out of the element will change the value of the node as well as clicking inside of the element. The current value of the chosen node is shown in the text field. In addition, it is possible to set another dynamization to the element, such as changing the color of the element depending on the node value.

../../../../../../_images/example_sd_mouse.png
../../../../../../_images/example_sd_mouse_color.png

ex_mouse ex_arr ex_window

Mouse Event –> Open / Close Window

Parameterizing a mouse click event on a button can open windows, as well as close them. One possibility is to open an information dialog - with a desired text for it.

example_sd_window example_sd_window_msgbox

ex_mouse ex_arr ex_setdp

ex_mouse ex_arr ex_ack

Mouse Event –> Set address(es)

Mouse Event –> Acknowledge Alarm

When the fire alarm button is clicked, the value of the node is set to 90 (in this case). To see if the alarm was really fired, it is recommended, for example, that the color of the circle and/or the visibility be changed, such as flashing every 500 ms, as well as showing an alarm status text - ON, UNACKNOWLEDGED.

When the alarm is stopped (value is now set to below 80), the flashing becomes slower and the alarm text is set to OFF, UNACKNOWLEDGED.

For acknowledging the alarm, the Ack Alarm action has to be called when clicking the appropriate button - alarm status OFF, ACKNOWLEDGED.

../../../../../../_images/example_sd_ackalarm.png

ex_mouse ex_arr ex_setdp

ex_dp ex_arr ex_text

Mouse Event –> Set address(es)

Single Node / Alarm Change Event –> Change Text

For this example, it is usually recommended that a boolean data variable be used. Clicking one of the two buttons will set the boolean to true or false. Depending on the value of the node, the test text will be shown in the Times New Roman or Arial font.

../../../../../../_images/example_sd_textvalue.png

ex_key ex_arr ex_timer ex_arr ex_window

Keystroke Event –> Timed Actions –> Open / Close Window

The keystroke event offers many different key combinations for executing an action. In this example a timed action is set for opening a message box - the timer runs 3 times with an interval of 5 seconds.

../../../../../../_images/example_sd_keystroke.png
../../../../../../_images/example_sd_keystroke_msgbox.png

ex_mouse ex_arr ex_widget ex_arr ex_actrig

ex_evtrig ex_arr ex_rot

Trigger Event –> Rotate element

Clicking the buttons (+/- 10°) will increase or reduce the angle depending on the value in the text field (widget) - the pointer starts to rotate. It is also possible to enter a value manually.

The trigger is responsible for moving the pointer using the rotate action.

../../../../../../_images/example_sd_trigger.png

ex_right ex_arr ex_input ex_arr ex_calc ex_arr ex_setdp

ex_dp ex_arr ex_text

User Access Right –> User Input Event –> Recalculate Original Result Value –> Set address(es)

Single Node / Alarm Change Event –> Change Text

In this example, the text field (marked red) is the most important element. First, a user access right has been set. When the user wants to enter a value in the text field, he has to be logged in. If he is not, an information dialog will appear.

../../../../../../_images/example_sd_right_msgbox.png

The user is now able to enter a value which will be automatically recalculated to a new value of the node. In this case, the user's entry of 96 will be recalculated with + 4 and the new value of the node is set to 100.

../../../../../../_images/example_sd_right_calc.png

In the second part, the node value is shown in the text element (marked green) but not in the user input text field (marked red). It is similar to read/write where the user input is write and the value shown is read.

ex_mouse ex_arr ex_setdp

ex_dp ex_arr ex_endis

Mouse Event –> Set address(es)

Single Node / Alarm Change Event –> Set Active / Inactive |

To set elements to active or inactive, the enable/disable action has to be used. Using a boolean data variable will simplify this example a lot. Clicking one of the two buttons will set the boolean to true or false. Depending on this value, the elements are active, which means they can be changed in the browser, or inactive.

../../../../../../_images/example_sd_endisable.png