Dynamic Displays

With Dynamic Displays, you will be able to have one display serving multiple devices and device variables at the same time. To attain that result, the use of variables is necessary, avoiding to hardcode the elements for DeviceWISE VIEW. The next steps must be followed to create a functional Dynamic Display.

For better explaining the process of creating Dynamic Displays, this documentation will use 3 PLC devices (PLC_1; PLC_2 and PLC_3), but the same steps could be applied to any other type of devices within DeviceWISE.

1- Create Gallery in deviceWISE. Give it a name and fill up the other gaps if wanted, seeing that they are not required.

2- Within the Gallery, create two new displays and give them a name. For the sake of this step-by-step, the displays were named Selection and Data. The Selection Display will be used as a way to navigate between the devices seen at the screen, and the Data Display will provide the requested information about all the devices.

3- Within the Data Display, add a widget, a Value Card.

4- Within that card, add a Variable. Point it to the desired Datasource and the specific element. In the example bellow, we have the selection of PLC_1.Tag. When done, save the changes. Check the Data Display to see if the desired value is appearing correctly.

5- To make this card dynamic, create a Local Variable. This variable will get information from your node and the connected devices. The local Variable might be named "Device_name" for example. Save the variable and the display.

6- In the Settings tab of the Value Card, set the Parameter of "Device Name" to ${Device_Name} .

7- Go to the Selection Display and add a new widget, a Button for each device you want to see at the Data Display. Name each button to identify them, for the sake of this example, the buttons were named "PLC 1" "PLC 2" and "PLC 3". Save the display.

7- In order to make the Data Display provide the desired value when the Buttons are pressed, add a Trigger to the buttons at the Selection Display.

8- Two Actions must be created, the first one a "Write Value", where upon each click, the trigger will write the desired value upon the defined variable, in our example, at the "PLC 1" button, the Device_Name variable will be written as PLC_1, identical to the device's name at the node. The same will be made to the other buttons, obeying their differences. The second action will be a "Navigate Action", redirecting the user to the Data Display.

9- Add all the needed triggers to the existent buttons, save the Selection Display and test it. Now, the Data Display must be Dynamic and respond to the buttons clicked at the Selection Display.

To have a better experience navigating between screens, create a new button at the Data Display where the only trigger upon clicking is a navigation back to the Selection Display.

The way the data is shown can be changed to better fit the users needs, and the same goes to the way the buttons are displayed, being possible to use a Dropdown directly at the Data Display in its place and other options available at deviceWISE View.

All of the devices must be started for the Dynamic Display to work