Implementation of mult-screen layout on production system

Hello,

I just wanted to share that we have successfully implemented a multi-screen layout management system as part of our efforts to better utilize our platform across multiple displays.  To date, I have not seen a web platform that has the capabilities from a browser which we have and if the functionality provided was enabled by this working group - kudos!  Let me share a few details.

Mometic builds a web-based stock market tool to scan and track the stock market in real-time.  It is built with React and is PWA enabled, but works in both browser and PWA contexts.  

A few features of our multi-screen layout management.

- Detachable components allow users to drag functionality across one or more screens.

- Ability to save and edit layouts 

- Ability to save a layout and if detached components — will remember display and position of component

- Have 3 different layout settings.  Two provide primary and optional display layouts.  The 3rd is consistent with our orginal responsive layout.  

- Platform remembers chosen layout option on specific device type.  (e.g. If desktop has chosen Primary layout, then will maintain that layout.  While user may also configure the Optional layout for mobile and platform will maintain settings accordingly.  

- Data sharing and syncronization between windows.  Each window loads as its own app and needed to create a communication channel for passing settings and syncing data across main page and child windows.

- Lastly we prompt users to enable Pop-ups and redirects as well as enable Window management.


Would love to share the functionality with the group if interested.  



Brent @ Mometic