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 includes a thoughtfully curated collection set of built-in themes , each designed to elevate your experience, whether the user 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.

Image Removed

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.
  • bright office, a dark control room, or on a mobile tablet in the field. These themes enhance aesthetics, comfort, usability, and visual clarity across a wide range of industrial environments.

    Themes apply consistently across both the design environment and runtime operator displays, ensuring a professional and seamless visual experience with no extra configuration.

    We offer a full set of Light and Dark theme pairs, covering cool grays, vibrant blues, elegant purples, and rich earth tones. You can also create your own Light-Dark custom themes using our built-in visual customization tools.


    Image Added


    Theme Pair

    Description

    Light & Dark

    Clean white and classic dark — optimized for bright or dim environments.

    Platinum & Onyx

    Subtle gray tones paired with a sharp, modern black style.

    Steel & Graphite

    Cool grayscale Light and Dark themes with a modern, minimal feel.

    Pearl & Indigo

    Soft lilac-accented light theme with a bold, rich purple dark variant.

    Sky & Navy

    Airy sky blue matched with a deep, calming navy.

    Gold & Coffee

    Elegant golden hues paired with a warm, earthy brown.

    ContrastLight & ContrastDark

    Accessibility-first options designed with maximum visual separation and clarity

  • 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 examplesImage Removed

    Responsive Dashboards


    Responsive display examplesImage Added

    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.pngImage Added

    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.

    Process Screens.pngImage Removed



    Desktop, Mobile (Portrait and Landscape) and HTML5 preview

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




    Image Added


    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