Responsive user interface

Develop multiple user interface layouts to display the same FactoryTalk Optix Application on different viewports. Depending on the viewport size, the application resizes accordingly.

Viewports and breakpoints

You can create a responsive user interface for both native Presentation Engine and Web Presentation Engine. This allows you to deploy a single FactoryTalk Optix Application to multiple HMI devices and run the application in supported web browsers. Define breakpoints and layouts for different screen sizes and resolutions to provide a convenient user experience on different devices.

Tip: Start with developing three layouts for different viewports such as small, medium, and large. For more information, see Screen sizes and break points for responsive design - Windows apps | Microsoft Learn.