Page History

The Displays module creates the Operator UI that runs on desktop, web and mobile users.

Modules → Displays | Tutorial | How-to Guide | Reference

Key Concepts

• *Display/Screen*:

• Page or dialog

• for operator user interfaces

• *Layout

• *: Frame organization with sidebars, top bars, and main content

• areas
• *Client*: Each

• operator connection interacting with

• displays

Client Types

Distinct devices and display activation the Operator can use.

Unified Designer

Combine the creation of Web Responsive Dashboards & Process Synoptics ( Canvas) in one tool.

Themes

Image Removed

• *Canvas Displays*: Process synoptics with fixed element relationships
• *Dashboard Displays*: Responsive grid-based data presentation
• *RESS*: Responsive Design + Server-Side Components for device optimization

Canvas Displays and Dashboard Displays

RESS Technology for Mobile Client

• The feature: Both Canvas and Dashboards displays, can be responsive, adapting automatically to user screen size and devices. 
• The problem that remains: responsive UI does not solve the issues that a display designed originally to large desktop will never be practical for mobile users.
• The solution: RESS = Responsive Design + Server-Side Components

In a nutshell 

RESS Technology: Server detects device class (phone, tablet, desktop) and delivers optimized content while maintaining responsive behavior within each class. This provides fast loading with flexible layouts.

RESS meansRESS = fast + flexible: we detect your device on the server, send only the right page for it, and the layout still responds smoothly to in-between screen sizes.

How RESS works: the server recognizes your device class (phone, tablet, desktop) and delivers a light, tailored page—images, code, and content sized for that device. The page is still responsive, so it adapts fluidly between breakpoints. You get the speed of adaptive delivery with the flexibility of responsive design. See it in action:

Runtime Behavior

Client Types

• *Rich Client*: Native Windows desktop application
• *Smart Client*: Lightweight desktop client
• *Web Client*: Browser-based access
• *Mobile Client*: Touch-optimized mobile interface

Themes

 Switch visual styles without redesign

Image Added

Features Highlights

• *Design Once, Deploy Everywhere* - Single configuration for all platforms
• *WebAssembly Performance* - Near-native speed in browsers
• *Unified Designer* - One tool for both HMI graphics and web dashboards
• *.NET WPF and HTML5* - Dual technology support from single design
• *Smart Symbol Library* - Extensive collection of industrial graphics
• *Data Template Integration* - Automatic symbol-to-tag connections
• *Multi-Language Support* - Runtime language switching
• *Units Conversion* - Automatic metric/imperial conversion
• *Self-Aware SCADA* - Dynamic display generation from asset models
• *Multi-Frame Layouts* - Complex display compositions
• *Touch Optimization* - Gesture support for mobile devices

In this section...

Features Highlights

Some of the Displays Module's features:

• Allows the creation of .NET WPF and HTML5 applications from a unified drawing tool.
• The same configuration can execute in both WPF and web clients.
• Create responsive dashboards as well as HMI process screens.
• Allows user-defined layouts, creating displays composed of multiple frames.
• A large set of smart symbols, high-performance graphical symbols, and extensible components are included.
• Support for theme skins, language localization, and units metric system conversion.
• Automatically connects data templates with symbols.
• Displays are dynamically created from the asset model for self-aware SCADA applications.