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 two lists: the categories list on the right and the elements list on the left side.
Categories include Shapes for creating basic geometric forms; Images for enhancing visuals; Industrial Icons for simplifying navigation and information conveyance; Interaction Controls for engaging users; Editors Controls for data input and modification; and Symbols, which offer a library of industrial symbols.
Additionally, the Components category contains sub-groups such as Charts for visualizing data, Containers for organizing content, Gauges for displaying measurements, Modules for showing runtime information, Navigation tools, and Portable and third-party controls for adding functionality.
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. Visit Charts Components for detailed information.
Containers
Containers organize UI elements, grouping 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 Container Components for more details.
Editors
Editor controls facilitate content modification and settings adjustments. This group encompasses text editors, date and time pickers, color selectors, and calculators, providing interactive elements for user input and customization. Check out the Editors Controls for more information.
Gauges
Gauges
Gauges display quantitative measurements such as speed, progress, or temperature. Available in linear or circular formats, they dynamically reflect real-time data, essential in monitoring and dashboard applications. For more information about available gauges check Gauge Components.
Images
Images, imported in various graphical formats, enhance user interfaces visually. Embedded directly into the interface, they convey information and improve aesthetic appeal across web, mobile, and desktop applications. See Images for learn more.
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. For more details see Images.
Interaction
Interaction elements include buttons, text elements, checkboxes, and radio buttons, essential for user input and navigation. They respond to user actions, enabling efficient interaction within the user interface. Read about by visiting Interaction Controls.
Modules
Module controls display information specific to runtime modules. They automatically update, customized for modular software architectures in enterprise and technical applications. Discover controls by visiting Modules Components.
Navigation
Navigation controls guide users through different sections of the application. Including menus, tabs, and navigation bars, they are crucial in multi-page or complex applications for seamless user journey and interface exploration. See Navigation Components for learn more.
Portable
Portable API and third-party controls provide the specification to add user friendly controls which can be used in WPF, HTML5 or made to Portable, platform independent. See ThirdParty User Controls for more information.
Shapes
Shapes form the foundational elements of UI design, including rectangles, ellipses, polygons, and more. Used individually or in combination, they are fundamental in creating layouts and designs in graphical and UI design. See Drawing Shapes for read more.
Symbols
Symbols provide an extensive library of industrial icons, representing specific functions or data. Customizable and easily integrated, they are used predominantly in specialized industrial interfaces such as SCADA systems. See Smart Symbols for more details.
In this section:
| Page Tree | ||||
|---|---|---|---|---|
|