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.
Provide Feedback
Have questions or feedback about this documentation? Please submit your feedback here.