Versions Compared

Key

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

Introduction

This module includes a state-of-the-art drawing tool used to create Our Displays tools offer a cutting-edge drawing tool for crafting User Interface Displays, with an extensive set equipped with a wide array of fully customizable Symbols and Graphical components. The Our platform allows enables you to deploy the these displays in HTML5 , or secure .NET SmartClient formats, to accessible from desktop, mobile, or web clients. Extend the Enhance user experience interaction with advanced features, including capabilities such as Language Localization, dynamic automatic conversion of Engineering Units, and Displays' dynamic scheme adaptation of Theme colors within displays.

On this page:

Table of Contents
maxLevel3


Key Functionalities


Available Displays features:

  • Cross-Platform Development: Craft both .NET WPF and HTML5 interfaces seamlessly using a unified drawing tool.
  • Responsive Dashboards: Design flexible dashboards and process screens that adapt to different screen sizes.
  • Multi-Monitor Support: Effortlessly configure applications for multi-monitor setups.
  • Process Control Execution Mode: Prevent interruptions by disabling the Windows Task Switch during process control tasks.
  • User-Defined Layouts: Customize displays with multiple frames to suit specific needs.
  • Smart Symbols: Access a vast library of smart symbols and high-performance graphical components.
  • Automatic Data Template Connection: Streamline workflows by automatically linking data templates with symbols.
  • Theme Support: Customize the visual appearance with theme skins, along with language localization and metric system unit conversion.
  • Dynamic Display Creation: Generate displays dynamically from the Asset Model for self-aware SCADA applications.


Available Drawing features:

  • Symbols are fully customizable, and you can create new symbols from scratch.
  • The concept of open Dynamic properties offers flexibility to meet any UNI requirement.
  • Advanced components include Trending, Alarms, DataGrids, Gantt charts, Maps, BarCharts, and more.
  • Integration of third-party components is straightforward, and new built-in components are regularly added.
  • Import XAML and AUTOCAD drawings directly into the system as vector objects.
  • Productivity tools like Copy-Paste dynamic properties, editing multiple objects, and search-replace tags are available.
  • Select objects directly on the display or use the ObjectTree View for easy navigation.
  • Flexible Grid Snapping and zoom settings enhance precision and usability.


WPF and HTML5 Web Assembly

Our platform offers a unified drawing tool to create both .NET WPF and HTML5 displays. With our HTML5 Web Assembly Displays, you can develop for web pages, harnessing WebAssembly technology. This means your web displays can run smoothly on popular browsers like WPF and HTML5 Web Assembly FrameworX allows the creation of .NET WPF and HTML5 from a unified drawing tool. Our HTML5 Web Assembly Displays enables programming for Web pages and the Web displays leverages WebAssembly technology, allowing to run on current browsers such as Chrome, Edge, Firefox, and Safari with no installation of without needing any plug-insin installations.  

Portable Displays 

Create one Design a single display that can be used in seamlessly adapts to both mobile and desktop applications.  

Code Behind and Expressions 

Develop code behind, using C#, Python, JavaScript, Javascript or VB.NET , expressions on to drive dynamic animations and handle client-side event-driven scripts, provide offering flexible customization options.   

Responsive Dashboards 

Responsive Easily create responsive layouts allow for your dashboard to , which adjust intelligently resize based on your viewing device and you . You can easily effortlessly drag & and drop panels to display Grids, Trend Charts, Pie Charts, Bar Charts, Gaugesvarious elements like grids, trend charts, pie charts, bar charts, gauges, and more.  

Touch Panel Applications  Applications 

Our platform offers a customizable Customizable on-screen keyboard, multi-touch support, momentary buttons, and other features deliver rich to enhance touch panel systems.   , providing a rich user experience.

Graphical Elements 

We work with different type provide a variety of graphical elements to help you build enhance your application: 


Panel
bgColor#E8F5F7

Images

Import images or vector elements to your application. 



Panel
bgColor#E0EEFB

Industrial Icons

Use our wizard to search for Industrial Icons to facilitate the process of adding navigation or graphic indicators to your display, while ensuring your project has a modern look. 



Panel
bgColor#E2EAF9

Components

We offer common industry components such as gauge, gaant charts, trend charts and more. We also allow you to use WPF and HTML5 components from different libraries and an API to create your own.  



Panel
bgColor#E5E1F9

Smart Symbols

Import images, vector files or create new symbols using our drawing tool your own symbols with any data links you want built in. 


Image Modified


Smart Symbols 

Extended Symbol Vector Library 

FrameworX has a native Our platform offers a built-in library of symbols created with properties assigned to them to help you create the most advanced graphical displays with a library of over 500 symbols specifically designed for FrameworXThese symbols can be used in pre-assigned properties, making it easy for you to create sophisticated graphical displays. With over 500 symbols tailored for our platform, you have a wide range of options at your disposal. These symbols are compatible with both .NET and HTML5 displays, ensuring a uniform experience regardless of user display needs.  consistency across different user interfaces.

Create your own, no coding required 

You can tie have the flexibility to associate your symbols to any datatype, such as a pump object appearing every time with any data type. For example, if you drag an integer datatype data type onto the screen. You can also create , a pump object can appear. Additionally, you can even customize your own data types! . For instance, you could make design a pump data type with sub-parameters and link connect it to a symbol. Dropping By placing the PumpUDT on the screen will bring ALL , all your data parameters with it automatically!  will be automatically included, simplifying the process.

Customize your Symbols 

You have the freedom to create symbols without constraints. Incorporate innovative dynamics like There's no limit to your symbol creation. Unique new dynamics, such as opacity, shine, and skew, combined with move, scalealongside actions such as movement, scaling, color changeadjustment, rotaterotation, and othersmore, applied applicable to any object, provide the most comprehensive set of animations. No more difficult laborious workarounds dealing with drawing tools created on top of . This extensive array of animations eliminates the need for complex workarounds associated with legacy graphics systems.  


Info

Learn more at Displays (Desktop and

Visualization

Web) and Draw

The User Interface

(Displays and Symbols).



In this section...

Page Tree
root@parent
spaces93DRAF