This example project shows how the design of visualizations can be adapted for
various devices like monitors, tablets or smartphones.
The example project concerns "Responsive Design".
The visualization in the project loads different visualizations depending on the screen size of the calling device. Thus it is possible to optimize the design for monitors, tablets and smartphones.
PLC_PRG registers the function block
ClientManagerListener at the
ClientManager. The visualization is set in the function
depending on the screen size of the client. This function is called by the method
StartVisualizationSet of the
The example project can be tested with a web browser by changing the size of the browser
and reloading the page.
|System requirements and restrictions||Info|
|Programming System||CODESYS Development System Version 184.108.40.206 or higher|
|Runtime System||CODESYS Control Version 220.127.116.11|