Hello,
I’d like to ask if it’s possible to scale the visualization to different screen resolutions on the Wago PFC100 controller. Currently, the visualization looks inconsistent on different monitors. Is there a library or template that solves this problem? I found an example with Responsive Design, but it doesn’t work properly. Does anyone have a solution? Thanks in advance.
I found only this example:
what is the webvisu setting:
I you want the same page but displayed as it should be you have those option:
Isotropic mean the ratio height/width is kept
Anisotropic mean max out height and width.
Do you have an image of what you would like to have ?
Hi,
Thank you for your reply. I have the anisotropic setting set. My main visualization has the “visualization” setting and a size of 1920 x 1080. On a PC, it looks relatively good. The visualization scales to the maximum resolution, although, for example, the windows in the frame stretch depending on the monitor resolution, which causes uneven spacing between frames. The biggest problem is when I run the visualization on my phone, the entire visualization is unreadable. Is there any way to make the visualization look good both in the browser window on a PC and on a phone or tablet?
Hello please try the Isotropic scaling, and see if it fit better your case.
ResponsiveDesign.project (2.5 MB)
I previously tested it on a WAGO device using a CODESYS sample program. At that time, it worked correctly. I’m attaching the project for your reference. (If isotropic scaling can solve the issue, I think that approach would be simpler.)
Thanks for the tips. I’ll analyze it again and run some tests 
