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:
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.
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 (Reference).
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 (Reference).
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.
Modules
Module controls display information specific to runtime modules. They automatically update, customized for modular software architectures in enterprise and technical applications.
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 (Reference).
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.
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 Symbols (Reference).
Inventory
Charts Components (Reference)
- BarChart Control (Reference)
- DrillingChart Control (Reference)
- GanttChart Control (Reference)
- PieChart Control (Reference)
- SankeyChart Control (Reference)
- TrendChart Control (Reference)
- Timeline Control (Reference)
- PieChartPlus Control (Reference)
- DigitalMeter Control (Reference)
Dynamic Animations (Reference)
Editors Controls (Reference)
- Calculator Control (Reference)
- CircularPanel Control (Reference)
- DateTimePicker Control (Reference)
- DatePicker Control (Reference)
- MediaElement Control (Reference)
- MenuItem Control (Reference)
- PageSelector Control (Reference)
- TimePicker Control (Reference)
Gauge Components (Reference)
- CenterValue Control (Reference)
- CircularGauge Control (Reference)
- Compass Control (Reference)
- DigitalGauge Control (Reference)
- LinearGauge Control (Reference)
- RangeCircular Control (Reference)
- SemiCircle Control (Reference)
Images Library (Reference)
Industrial Icons (Reference)
Interaction Controls (Reference)
- Button Control (Reference)
- CheckBox Control (Reference)
- ComboBox Control (Reference)
- ListBox Control (Reference)
- NumericTextBox Control (Reference)
- PasswordBox Control (Reference)
- PushButton Control (Reference)
- RadioButton Control (Reference)
- Slider Control (Reference)
- TextBlock Control (Reference)
- TextBox Control (Reference)
- ToggleSwitch Control (Reference)
Modules Components (Reference)
- AlarmAreas Control (Reference)
- AlarmViewer Control (Reference)
- AssetsTree Control (Reference)
- DataGrid Control (Reference)
Shapes (Reference)
Symbols (Reference)
Viewer Components (Reference)
- Blazor Control (Reference)
- Carousel Control (Reference)
- ChildDisplay Control (Reference)
- FileExplorer Control (Reference)
- FlowPanel Control (Reference)
- HTML5 Control (Reference)
- MapsESRI Control (Reference)
- MapsGMap Control (Reference)
- MapsOSM Control (Reference)
- PdfViewer Control (Reference)
- ProgressBar Control (Reference)
- ReportViewer Control (Reference)
- TabControl UI (Reference)
- WebBrowser Control (Reference)
- WpfControl (Reference)
In this section: