Versions Compared

Key

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

On Drawing environment, the Components Panel provides several Graphical Elements for developing interactive and functional displays.

On the top, the Components Panel shows the selected graphical element. Below there a search box where you can look for an element by name. The panel shows the elements on the left side, and the following folder on the right side:

On this page:

Table of Contents
maxLevel3
stylenone


Charts

Charts graphically represent data, enabling users to visualize and interpret complex information quickly. They support various formats including bar, line, and pie charts, dynamically generated from data sets.

→ See Charts Components.

Editors

Editors refer to graphical elements group enabling specific data interactions like color picking, and date and time selection. Designed for data entry and editing, these controls function through user interactions such as clicking and selecting. Editor controls facilitate content modification and settings adjustments.

→ See Editors Controls.

Gauges

Gauges display quantitative measurements such as speed, progress, or temperature. Available in linear or circular formats, they dynamically reflect real-time data in monitoring and dashboard applications. 

→ See Gauge Components.


Images

Images, imported in various graphical formats, enhance user interfaces visually. Embedded directly into the interface, they convey information and improve appeal across web, mobile, and desktop applications.

→ See Displays Images

Industrial Icons

Industrial Icons are symbols for industrial applications, allowing recognition and navigation. Integrated natively, these icons represent specific industrial functions or data in industrial control systems.

→ See Industrial Icons.

Interaction

Interaction elements include buttons, text elements, checkboxes, and radio buttons for user input and navigation. They respond to user actions, enabling efficient interaction within the user interface.

→ See Interaction Controls.


Modules

Module controls display information specific to runtime modules. They automatically update, customized for modular software architectures in enterprise and technical applications.

→ See Modules Components.

Shapes

Shapes form the foundational elements of UI design, including rectangles, ellipses, polygons, and more. Used individually or in combination creating layouts and designs in graphical and UI design.

→ See Shapes.

Viewers

Viewers refer to graphical elements that encapsulate and manage diverse content and functionalities within structured environments in a software application. They organize UI elements and group-related controls or content for efficient space management. They can include frames, panels, and scrollable areas, enhancing the structure and navigability of user interfaces.

→ See Viewer Components.


Symbols

Symbols provide an extensive library of graphical elements, representing specific functions or data. Customizable and easily integrated, they are used predominantly in specialized industrial interfaces such as SCADA systems.

→ See Smart Symbols.

This section contains the reference links for all the User Interface Graphical Elements you can add to a Display.

The Graphical Elements are divided in the following groups:

  • Shapes: platform native drawing primitives: Rectangle, Ellipse, Polygon, Polyline and Paths (A Path is combination of shapes)

  • Images: Graphical images imported and embedded into the solution, from various graphical file formats. 

  • Industrial Icons: native platform feature to allow easy use of most typical industrial icons for navigation and User Interface information.

  • Smart Symbols: : native platform feature providing an extensive, and extensible, library of industrial symbols.

  • Interaction Controls: User Interaction Elements, like Buttons, Text Elements, and typical Windows Controls like CheckBox or RadioButton,

  • Editors Controls: User Controls for editing, Date and Time Picker, Color Selection and a Calculator.

  • Components: components are custom User Controls, either provided by the platform or from Third-Parties, to implement additional UI features.  The components are organized in the following sub-groups.

    • Charts: : native platform feature providing an extensive, and extensible, library of industrial symbols.
    • Containers: : native platform feature providing an extensive, and extensible, library of industrial symbols.
    • Modules: : native platform feature providing an extensive, and extensible, library of industrial symbols.
    • Navigation: : native platform feature providing an extensive, and extensible, library of industrial symbols.
    • Third-Party: Portable, Web-Only, or Windows-Only, are components created by third-parties that can be used in platform, similar to a native control

Shapes

<image>

Go To <Shapes page>

Images

<image>

Go To <Shapes page>

Industrial Icons

<image>

Go To <Shapes page>

SmartSymbols

<image>

Go To <Shapes page>

Interaction Controls

<image>

Go To <Shapes page>

Editors Controls

<image>

Go To <Shapes page>

Chart Components

<image>

Go To <Shapes page>

Container Components

<image>

Go To <Shapes page>

Modules Components

<image>

Go To <Shapes page>

Navigation  Components

<image>

Go To <Shapes page>

Third-Party controls Portable API

The Portable API provides the specification to add user friendly controls which can be used in WPF, HTML5 or made to Portable, platform independent.

Go To <Shapes page>




In this section:

Page Tree
root@self
spacesV10