Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Introduction

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

  •  Portable Displays: Seamless operation across Windows and Web web browsers, using WebAssemblies WebAssembly and .NET CodeBehind for top-tier performance, and sharing with the same display drawing and configuration for shared across both environments. 
  • Unified Designer and Runtime Themes: 12 versatile themes with light and dark variations for optimal visibility and comfort.
  • Responsive Dashboards and Process ScreenScreens: 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.
  • Self-aware dynamic displays: dynamic user Dynamic Displays: User interfaces that adapt automatically to the connected data.

On this page:

Table of Contents
maxLevel3
minLevel3


Portable Displays

With unparalleled performance on the Web Pages

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

Although you  can can create displays that requires need to open in only in one environment or another environment, our platform support supports the Portable option, where the exact same configuration can be used for both by Windows/WPF clients , or and 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 desktop and Webweb environments.

This  feature feature enabled our users from previous release releases to use the screen screens they created over the years to on Windows Desktops desktops and open them directly in Web web browsers with no rework nor or 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 in the Designer, when configuring the the solutions, as well and on the displays you create for the operators when running the solution. The Builtbuilt-in tools enables enable the easy creation of Solutions solutions that will be delivered with theme support, with no extra effort for itrequired.

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 Dashboards


Responsive display examples

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


Process Screens

Process Screens.png

For traditional process diagrams and synoptics, the Drawing tools allow extensive flexible on Layouts and Framesflexibility in layouts and frames, and has include new features to allow customize how to resizefor customizing resizing: proportionally, using scrollbars, or allowing specific objets objects to resize or change position according to the client window.



Desktop, Mobile (Portrait and Landscape) and HTML5 preview

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





Smart Symbols Library

Smart Symbols

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

High-Performance HMI

The well know -known book High Performance HMI proposed a set of standards on for HMI design. Our platform fully enables supports the creation of solutions support that adhere to these standards, including HighPerformance High-Performance Graphical (HPG) pallets on palettes in its themes , and hundreds of readready-to use Symbols creating following -use symbols created according to those specifications. 

Advanced Components and Controls

For advanced graphical interfaces, such as Gantt and TrendChartTrend Charts, DataGrids, PdfViewer, and otherothers, a set of Graphical Components, graphical components for both WPF and Web is included. Additionally, third-party controls can be easily be used in integrated into the solution.


Self-

aware

Aware Dynamic Displays

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



In this section...

Page Tree
root@parent
spaces93DRAF