Ultra Wide Monitor Fullscreen button alternative
complete
Rens Tillmann
On ultra wide monitors it's not ideal to view the Supademo in Full screen mode in the browser. The aspect ratio becomes off, and it's not a user friendly experience on Ultra wide monitor. Instead it would be nice to be able to have an option to open it in a Modal/Popup that fills up the current Window (application) screen. That way on Ultra wide screens you can have a more user friendly experience. For instance try to do it on a Samsung Odyssey g9. You will understand how uncomfortable it is in Full Screen.
Log In
Joseph Lee
complete
Hi Rens - we've modified the functionality such that the entire supademo is shown, regardless of aspect ratio!
Rens Tillmann
Joseph Lee: Thank you for the update, just checked it and it seems to work. There is one little small tweak perhaps (but it doesn't bother me personally though, just wanted to point it out).
For instance on this page: https://docs.super-forms.com/tutorials/sending-emails-to-specific-department-for-wordpress-contact-forms I have a supademo, when I click the "full screen" button, the aspect ratio is preserved, which is working properly now. However I do see that the top bar where you can click the "fullscreen" icon to return to the normal view again (same as clicking Escape key) it seems to be slightly cut off (see picture).
Again this is not a huge deal or anything. Hope it helps. And thanks for the fix really appreciate it :)
Joseph Lee
Rens Tillmann: thank you for the update here. We'll look into this right away. It looks to be an edge case on specific ultra-wide monitors.
Curious - does the issue persist if you remove the browser bar for that Supademo through the settings screen?
Rens Tillmann
Joseph Lee: I just disabled it in the settings, and the issue is gone now since the bar is gone. The fullscreen icon is now at the far top right of the monitor screen. I guess the issue is purely with that fake browser bar then. I will leave the bar disabled. Thanks.
Rens Tillmann
Perhaps an option to resolve this problem is that the embedded content is inside a wrapper which has a maximum width property for instance 1920px max (this could then be set inside the workspace settings).