Introduction

FrameworX offers a comprehensive solution for advanced user interfaces, providing:

  •  Portable Displays: Seamless operation across Windows and Web browsers, using WebAssemblies and .NET CodeBehind for top-tier performance, and sharing the same display drawing and configuration for both environments. 
  • Unified Designer and Runtime Themes: 12 versatile themes with light and dark variations for optimal visibility and comfort.
  • Responsive Dashboards and Process Screen: Adaptive interfaces for desktop and mobile, ensuring consistency across devices. Advanced drawing tool for synoptic and process screens. 
  • Smart Symbols Library: Over 2,000 dynamic symbols for efficient SCADA and monitoring applications.

On this page:

Portable Displays

With unparalleled performance on the Web Pages

WebAssembly and .NET CodeBehind deliver blasting fast performance for Web pages, even with thousands of graphical elements.

Although you  can create displays that requires to open only in one or another environment, our platform support the Portable option, where the exact same configuration can be used both by Windows/WPF clients, or Web/HTML5 clients.

Users don't need to create two different kinds of screens for Windows and Web clients. Using the Portable option for the rendering engine creates displays that will automatically function in both Desktop and Web.

This  feature enabled our users from previous release to use the screen they created over years to Windows Desktops and open directly in Web browsers with rework nor modifications. 



Designer and Runtime Themes

Our platform offers a thoughtfully curated collection of themes, each designed to elevate your experience, whether you’re working in a well-lit environment or a dimly lit space. These themes are not only visually striking but also enhance the functionality and comfort of your workspace. With a variety of light and dark themes inspired by natural elements, sophisticated hues, and modern aesthetics, there’s a perfect backdrop for any task.

They are available both at the Designer, when configuring the the solutions, as well on the displays you create for the operators when running the solution. The Built-in tools enables the easy creation of Solutions that will be delivered with theme support, with no extra effort for it.

Theme Pairs:

  • Light & Dark: The Light theme provides a clean, bright interface ideal for daylight work, while the Dark theme offers a sleek, subdued option for low-light environments.
  • Sky & Navy: Inspired by the serenity of the sky and the depth of the ocean, Sky presents a light, airy feel, and Navy offers a deep, calming experience.
  • Gold & Coffee: Gold brings warmth and elegance to your workspace, while Coffee offers a rich, earthy ambiance.
  • Pearl & Indigo: Pearl is soft and inviting, perfect for a gentle workspace, while Indigo adds a bold, yet refined, atmosphere.
  • Steel & Graphite: Steel offers a cool, modern aesthetic, while Graphite presents a darker, more industrial feel.
  • HighContrastLight & HighContrastDark: These themes prioritize accessibility, providing high contrast for better visibility in both light and dark environments.
  • CustomLight & CustomDark: Tailor your experience with customizable themes, offering the flexibility to create a workspace that reflects your unique style.

Responsive Dashboards and Process Screens

Responsive display examples



Responsive Dashboards

Allows the easy creating of responsive User Interface, which adapt automatically to  User Device, from a Desktop to a Mobile, organizing the displays elements. The same dashboard can be used by Desktop or Mobile users, in Windows Clients, or Web Browsers. 


Process Screens

For traditional process diagrams and synoptics, the Drawing tools allow extensive flexible on Layouts and Frames, and has new features to allow customize how to resize: proportionally, using scrollbars, or allowing specific objets to resize or change position according the client window.


Desktop, Mobile (Portrait and Landscape) and HTML5 preview

Easily customize your Layout, to working properly in various scenarios, with a centralized configuration and preview feature.


Smart Symbols Library

Smart Symbols

The Drawing tool includes a library of around 2.000 SmartSymbols, graphical elements typically used on industrial applications. Many of those Symbols, are more than just a vector image, it has also dynamic behavior that allows a direct mapping to your Tags and Assets. It includes also a set of Industrial Icons, specially designed for the typical visuals on process displays.

High Performance HMI

The well know book High Performance HMI proposed a set of standards on HMI design. Our platform fully enables the creation of solutions support that standards, including HighPerformance Graphical (HPG) pallets on its themes, and hundreds of read-to use Symbols creating following those specifications. 

Advanced Components and Controls

For advanced graphical interfaces, such Gantt and TrendChart, DataGrids, PdfViewer and other, a set of Graphical Components, for both WPF and Web is included. Additionally third-party controls can easily be used in the solution.

Self-aware Dynamic Displays

Data centric applications can have its User Interface  created automatically based on what assets are found in the Data Model Typically those applications are organized around an Unified Namespace, or a MQTT Broker or UPC UA servers, and FrameworX establish a dynamic connection with those servers, selecting the best UI elements according the data found on the connected servers.


In this section...