UI display scaling issues

Dave B

Member
Appears there's UI issues for OS display scales above 100%.

Splash screen - Windows 10, 125% display scale. Issue 'Open Video' area
Scaling issue (125%).png

Main screen - Windows 10, 125% display scale. Issue overlapping elements.
Scaling issue (125%) default window size.png


Higher the OS display scale, more pronounced the issues.

TVSuite V4 doesn't seem to exhibit the above issues, and appears to have a hard coded minimum window size which prevents overlapping elements. TVSuite V6 seems to have a hard coded minimum vertical size, but not horizontal.

Above is Windows 10, same happens with Windows 7, and WineHQ.
 
Last edited:

Dan203

Senior Developer
Staff member
The window shouldn't even allow you to go that small. Are you using any monitor control software? I had a piece of software on my PC that allowed me to split my extra wide monitor into two virtual monitors. With that software installed it overrode the windows messages we use to limit the window size in VideoReDo and allowed me to make it as small as I wanted. Uninstalled an VRD went back to normal. Switched to a different software and it didn't have the same problem.
 

Dave B

Member
Thanks both for your replies.

Above images are from Windows 10 (1809) virtual machine using VirtualBox 5.2.26, with only Guest Additions (5.2.26) drivers installed. Clean installation no other software. In case helpful replicating the above.

- VirtualBox display settings used.

Video Memory: 256 MB
Monitor Count: 1
Scale Factor: 100%
Acceleration: Enable 3D Acceleration, Enable 2D Video Acceleration (both enabled)

--

Splash screen issue only happens with using Windows -> Display settings -> Advanced scaling settings -> Enter a custom scaling size... -> 125

With custom scaling size reset, and using Windows -> Display settings -> Change the size of text, apps and other items -> 150%, splash screen looks okay, but main UI is able to be squashed thus far...

Change size of text, apps and other items -> 150%.jpg


With default of 100%, everything works as expected, except UI was squashed after TVSuite V6 installation, once enlarged it cannot be collapsed again unless a scale above 100% is set.

Edit: Forgot to mention, host display is full HD.

--

Edit 2: Windows 7 virtual machine results.

Windows -> Screen resolution -> Make text and other items larger or smaller -> 125%

Make text and other otems larger or smaller 125%.jpg

Windows -> Screen resolution -> Make text and other items larger or smaller -> 150%, UI can be squashed to this level.

Make text and other otems larger or smaller 150%.jpg
 
Last edited:

Dave B

Member
V5 doesn't seem to present splash screen corruption, main UI overlapping is reproducible.

- V5 results @ 1920 x 1080
Windows scale 100% = splash, and main UI no issues
Windows scale 125% = splash okay, main UI some overlapping
Windows scale 150% = splash okay, main UI extreme overlapping
 
Last edited:

Dan203

Senior Developer
Staff member
That issue with the button on the splash screen is weird. It almost looks like something is overlapping it. All the other edges are rounded properly and it just kinda cuts in sharply on that one edge. Weird. I'll have to set up a VM and see if I can reproduce.
 

Dave B

Member
Splash issue appears to be a V6 regression.

While discussion concerns issues seen using Windows, in case helpful identifying the cause, I've created a side-by-side version comparison using Wine, as it shows the issue more clearly at higher scale levels. Please ignore Wine's rendition of other UI elements such as wobbly circle and partially missing text, thank you!

V5 (left), V6 (right), display scale 100%
V5 + V6 scale 100%.png

V5 (left), V6 (right), display scale 125%
V5 + V6 scale 125%.png


V5 (left), V6 (right), display scale 175%
V5 + V6 scale 175%.png


Edit: Reduce amount of images, and switch to thumbnails, improves readability.
 
Last edited:

Dan203

Senior Developer
Staff member
Those all look wrong, even the 100% one. The UI controls in VRD all use GDI+. Does WINE support GDI+? It should look like this....

1555013308428.png
 

Dave B

Member
Oops! Forgot can install GDI+, rather than using native Wine version. :)

V6, display scale 100%
V6 scale 100% (GDI+ installed).png


V6, display scale 175%
V6 scale 175% (GDI+ installed).png
 

Dan203

Senior Developer
Staff member
Well at least the 100% one looks better. Still looks like you're missing the font. The default font for Windows controls is Segoe UI, can you install that just to make sure it's not the issue. (probably not)

I can't easily change the % on my development PC without messing other stuff up so I'll have to set up a VM and see if I can reproduce this.
 

Dave B

Member
Sorry unable to reply sooner.

In case helpful, main issues highlighted are for V6 on Windows. Wine scale image compare only added due to highlighting the Splash issue at higher scale settings.
With that said...

Thank you kindly for font info. Spent many, many hours (far more than should :)) trying to get Segoe UI to impact V6 when used on Wine.
After a process of elimination, found only font that changes anything is Tahomabd?
 

Dave B

Member
Discovered why Splash issue only happens while using 1 of the 2 display scaling methods found on Windows 10, (as seen below) 1 method scales the whole Splash screen, while other seems to keep the same window size and just scales some elements. Latter approach also used on Windows 7, and Wine.

2523

@Dan203, Wine text issues are still work-in-progress.
 
Last edited:

Dan203

Senior Developer
Staff member
I know there is a setting in Win 7 & 10 that just enlarges the whole UI. It basically just draws it at 100% and then scales it like a bitmap up to the larger size. That works best. But I thought I had fixed most of the issues with text scaling to allow it to work OK in the other mode too. Although the UI in VRD is kind of designed to a hard pixel value, so changing the size of text is going to make it look weird. There is really nothing we can do about that. Some stuff, like buttons, use calculations that could get thrown off if they're an odd number. (i.e. rounding errors) That could be what's causing the clipping of the circle you're seeing above. Although that looks odd because it's not even.
 

Danr

Administrator
Staff member
Just tested the 125% setting here on my Win 10 system and the splash screen looks perfect. Right click on the v6 desktop icon, selec the Compatibility tab. What settings do you have on the high DPI page?
 

Dave B

Member
I know there is a setting in Win 7 & 10 that just enlarges the whole UI. It basically just draws it at 100% and then scales it like a bitmap up to the larger size. That works best...
Interesting, thanks for the insight! That's true except text isn't as clear/sharp using that method.

@Danr, Thanks for testing. Compatibility -> high DPI, both settings un-ticked. Which scaling method did you try?
 

Danr

Administrator
Staff member
That's true except text isn't as clear/sharp using that method.
That's controllable on a per-application basis. If you don't override anything TVSuite should scale, but leave text less sharp at higher scaling DPIs.
 

Dave B

Member
...Some stuff, like buttons, use calculations that could get thrown off if they're an odd number. (i.e. rounding errors) That could be what's causing the clipping of the circle you're seeing above. Although that looks odd because it's not even.
After further tests on Windows 10, noticed tops of buttons do exhibit an issue when using custom scale 125%. Interestingly, neither splash or button issues happen with V5.

V6 button enlarged 300%
2505
 

Danr

Administrator
Staff member
Are you referring to the horizontal line just above the blue button? I'm not seeing it here. What version of Windows are you using? What GPU card?

2507
 

Dave B

Member
Yes. 1809. VirtualBox (host has NVIDIA GPU)

Which of the two Windows 10 scaling methods did you test? Thanks.

Just checked, buttons also show a line above on Windows 7 (and Wine) using 125% display scale, while at 100% and 150% there's no line.

There appears to be installer issues too while using 125% display scale (Windows 7, 10, and Wine).
Few Windows 10 examples.
2509
2510
2511

God willing, in few days should be able to test on a system with an Intel iGPU running Windows 10 (1809) natively.
 
Top Bottom