I am evaluating a faster HMI.
We are using a web panel that reads the process data from a websever on a
RPi.
It works well so far, also on mobile devices or notebooks.
With this new intended webpanel, the picture is blurry for some reason.
Attached a picture from my 27" screen, from the existing 7" webpanel
and the blurry one is from the intended new and faster 7" webpanel
The vendor of the panel (both are from the same supplier) told me
to add following code in the HTML file of the webvisu.
<meta content="width=device-width user-scalable=no" name="viewport">
The current entry looks like this
<meta content="user-scalable=no" name="viewport">
My issue is now, where do i find a preset to change that in the project?
Or do i have to do that everytime i download/update the webvisu?
I am evaluating a faster HMI.
We are using a web panel that reads the process data from a websever on a
RPi.
It works well so far, also on mobile devices or notebooks.
With this new intended webpanel, the picture is blurry for some reason.
Attached a picture from my 27" screen, from the existing 7" webpanel
and the blurry one is from the intended new and faster 7" webpanel
The vendor of the panel (both are from the same supplier) told me
to add following code in the HTML file of the webvisu.
<meta content="width=device-width user-scalable=no" name="viewport">
The current entry looks like this
<meta content="user-scalable=no" name="viewport">
My issue is now, where do i find a preset to change that in the project?
Or do i have to do that everytime i download/update the webvisu?
Thanks a lot
Andreas
Starting with SP16 CODESYS (no update of visu profile required), the following viewport gets generated.
Best regards,
Marcel
Thanks Marcel
I updated from SP14 to SP16 but it is still the same on the client, all blurry.
<meta name="viewport" content="initial-scale=1.0"> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <script language="javascript" src="webvisu.js"></script> <script language="javascript" src="browsercontrol_ext0.js"></script>Is there anything else that i can try?
I have no idea yet.
Sorry, but the solution provided by the vendor breaks e.g. zooming on mobile devices.