Zoom ULC Client: App doesn^t fit in Browser Window

[marcel.gay@wimag.ch]

The zoom in the ULC client does not work

In the Main-Window i add in the initialize-script
self.windowFlags("FramelessWindowHint");
this.windowFrameGeometry(0, 0, 1900, 1190);
setScaleStyle(SCALE_FIT_TO_MODULE);

and in Config under ULC
visionResizeMode = "FitToModule"
make no difference in confog
downscaleOversizedPanel = 1

Whats the problem ?

https://drive.google.com/file/d/1hVBOZ3 ... sp=sharing
https://drive.google.com/file/d/1bQVWOn ... sp=sharing

[leoknipp]

From the screenshots I cannot see what the problem is.
Does one of the screenshots show the behaviour you want to have?
Which WinCC OA version are you using?
Does it work as expected when using a normal UI?

Best Regards
Leopold Knipp
Senior Support Specialist

[marcel.gay@wimag.ch]

WinCC OA 3.16, Patch16 Ultralignt Client UX tested with FireFox + Chrome (same result)
visionResizeMode = "FitToModule" = Application must Zoom automatic into Webbrowser Windows (!?)
The pictures show the current state as it should not be

[leoknipp]

The function fitToModule() resizes the panel inside of a module. It does not resize the module itself.
If possible please install the newest patch as there have been a lot of changes for ULC UX between P016 and the newest patch.

Best Regards
Leopold Knipp
Senior Support Specialist

[marcel.gay@wimag.ch]

Now I know that fit-to-module doesn't work, but I still not how the application can adjusted in the browser window ?
An update does not result in any improvement.
In the help (not even in 3.16 P22) I did not find any information on how can I make the application adapt to the size of the browser window (auto zoom!?)
How can this be done?

[adaneau]

Hi,

Can you use moduleMaximize() ? Then it would take all available space in browser I guess.

Does this need to be only at application opening? if yes then I would indeed go for moduleMaximize().

If the size can change in runtime, then I would just build responsive UI using layout and stick to moduleMaximize().

BR
Alexandre

[marcel.gay@wimag.ch]

I tried the function, the problem is that the minimum size of the application corresponds to the created resolution of the panel
If a browser window is enlarged once and then reduced again, the application no longer adapts to the browser window using moduleMaximize

I start all over again:
WinCCOa V3.16 P16/22
ULC UX

The aim is that the application (panel) adapts to the browser window (when starting the browser and changing the size of the browser window)
The frame and the menu of the Punel/UI should not be visible.

Initialization Script is:
self.titleBar(false);
self.windowFlags("FramelessWindowHint");
setScaleStyle(SCALE_FIT_TO_MODULE);
this.windowFrameGeometry(0, 0, 1900, 1190);

These 4 lines remove the frame and position the application with the projected size at the top left in the browser window (ULC UX).
If you remove the top 2 lines, the size of the panel (not browser window) can be zoomed and shifted as the UI and Panel in the browser window, and the application (panel) adapts to the size of the UI window (in the Frame).

Only with the browser does this not work and the customer does not have the entire application in the picture on a screen with a smaller resolution

I'm a little frustrated that the problem, which shouldn't be one, costs me so much time and the customer is dissatisfied with the solution.

Is there a solution that works?

[adaneau]

Hi,

If you resize your browser you for sure need to call again module maximize. Use uiConnect to get resize event and call it again.

But IMHO you should do layouting because using zoom in browser look really bad (ratio is kept so you will have some bands on side which is ugly).

BR
Alexandre