Introduction

Our Displays tools offer a cutting-edge drawing tool for crafting User Interface Displays, equipped with a wide array of fully customizable Symbols and Graphical components. Our platform enables you to deploy these displays in HTML5 or secure .NET SmartClient formats, accessible from desktop, mobile, or web clients. Enhance user interaction with advanced capabilities such as Language Localization, automatic conversion of Engineering Units, and dynamic adaptation of Theme colors within displays.

On this page:

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 DataTemplate Connection: Streamline workflows by automatically linking DataTemplates 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 Chrome, Edge, Firefox, and Safari without needing any plug-in installations.

Portable Displays

Design a single display that seamlessly adapts to both mobile and desktop applications.

Code Behind and Expressions

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

Responsive Dashboards

Easily create responsive layouts for your dashboard, which adjust intelligently based on your viewing device. You can effortlessly drag and drop panels to display various elements like grids, trend charts, pie charts, bar charts, gauges, and more.

Touch Panel Applications 

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

Graphical Elements

We provide a variety of graphical elements to enhance your application:


Images

Import images or vector elements to your application.  



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. 



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.  



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. 



Smart Symbols 

Extended Symbol Vector Library

Our platform offers a built-in library of symbols with 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 consistency across different user interfaces.

Create your own, no coding required

You have the flexibility to associate your symbols with any data type. For example, if you drag an integer data type onto the screen, a pump object can appear. Additionally, you can even customize your own data types. For instance, you could design a pump data type with sub-parameters and connect it to a symbol. By placing the PumpUDT on the screen, all your data parameters will be automatically included, simplifying the process.

Customize your Symbols

You have the freedom to create symbols without constraints. Incorporate innovative dynamics like opacity, shine, and skew, alongside actions such as movement, scaling, color adjustment, rotation, and more, applicable to any object. This extensive array of animations eliminates the need for complex workarounds associated with legacy graphics systems.


Learn more at Displays (Desktop and Web) and Draw (Displays and Symbols).


In this section...