Skip to content 
AdiCloudX Components
QR Code
The QR Code control generates scannable codes that can include links to dashboards, reports, or documents. Logos or icons can be embedded for branding without affecting reliability.
Benefit:
Provides instant mobile access to system data and documents.
Industry Use Case:
In field operations, engineers scan QR codes to access live equipment performance dashboards.
Barcode
The Barcode control generates scannable barcodes for items, documents, or assets, with support for 11 different barcode formats (including Code128, EAN, UPC, and QR-style variants). This flexibility ensures compatibility across industries and scanning devices. Barcodes created in AdiCloudX integrate seamlessly with handheld scanners, mobile apps, or warehouse management systems, making them ideal for fast and accurate identification.
Benefit:
Streamlines identification and tracking processes across industries.
Industry Use Case:
In warehousing, barcodes identify packaged goods for shipment and stock management.
Gif Control
GifControl supports animated visuals for representing machine states, workflows, or dynamic alerts. It adds interactivity and realism to dashboards.
Benefit:
Improves user engagement by using animations for live status updates.
Industry Use Case:
In automotive assembly lines, gif animations show moving conveyors or welding robots in action.
Table
The DataTable presents structured data in rows and columns, enabling sorting, filtering, and analysis. It is essential for managing logs, reports, and detailed records.
Benefit:
Simplifies complex data analysis and comparison within dashboards.
Industry Use Case:
In logistics, datatables list shipment IDs, delivery times, and current statuses.
Gauge
A RadialGauge visually represents metrics like pressure, RPM, or temperature in a circular gauge. It provides real-time performance feedback in an intuitive format.
Benefit:
Improves situational awareness with quick-glance data visualization.
Industry Use Case:
In manufacturing plants, radial gauges monitor motor RPM or line pressure.
LinearGauge
Display values on a straight scale for quick visual reading. Perfect for level, flow, or load measurement. Horizontal or vertical gauge for analog readings.
Types of Linear Gauge:
- Minor and Major Ticks
- Major Ticks Only
- Range Customization
- Multiple Ranges Read Only
- Vertical Orientation
- Vertical Orientation
- Vertical Orientation With Value and Range
Benefit in SCADA:
Provides linear scale visualization for sensor values.
Industry Use Case:
Displays fuel level in an industrial generator.
Shapes
Represents processes, assets, or workflows using customizable geometric and symbolic figures. Shapes provide intuitive visualization of systems, making it easier to design and understand complex industrial layouts.
Types of Shapes:
Basic Geometric Shapes (rectangle, circle, polygon)
Process Flow Shapes (arrows, connectors)
Custom SVG Shapes
Benefit:
Enables clear visualization of plant operations, reduces engineering effort, and allows flexible dashboard design tailored to any industry.
Industry Use Case:
Visualizes the treatment process in a Water & Wastewater plant using connected shapes to represent tanks, pipelines, and pumps.
Chart
The MultiPlot control allows plotting multiple data series simultaneously. It is perfect for comparing performance trends across machines, parameters, or timeframes.
Types of Charts:
- Bar Chart
- Scatter Chart
- Streamer Chart
- Line Chart
Benefit:
Provides advanced analytics in a visual format for quick decision-making.
Industry Use Case:
In energy plants, multiplot graphs show turbine output, fuel use, and temperature trends.
Pie Chart
The PieChart displays proportions in a circular chart, making it ideal for distribution analysis. It highlights how different parameters contribute to a whole.
Benefit:
Makes resource allocation and distribution easy to understand at a glance.
Industry Use Case:
In pharmaceutical plants, pie charts show raw material cost breakdowns per batch.
Slider
The TrackBar control provides a slider for adjusting values dynamically, such as speed, intensity, or thresholds. It is visually intuitive and quick to use.
Benefit:
Enables fast and flexible parameter tuning.
Industry Use Case:
In HVAC systems, operators adjust airflow or temperature setpoints with a trackbar.
Progress Bar
The Progress Bar visually represents task completion, batch progress, or system load. Its dynamic updates make it ideal for monitoring workflows.
Benefit:
Enhances visibility of ongoing operations in real time.
Industry Use Case:
In pharma batch production, progress bars display the percentage of mixing or filling completed.
AdiComponent
AdiComponent provides developers with a flexible way to integrate and reuse SVG assets by allowing users to embed their own SVG images within a pre-built SVG library. Instead of recreating shapes or icons from scratch, users can simply plug their custom SVGs into standardized containers, ensuring consistency in design while retaining full control over scaling, styling, and interactivity. This modular approach makes it easy to maintain a unified visual library across projects, while still supporting customization and dynamic rendering for dashboards, UIs, and data-driven applications.
Benefit:
Speeds up dashboard creation by reusing prebuilt components.
Industry Use Case:
In industrial automation, engineers reuse Adi Components to monitor multiple identical machine units.
DateTimePicker
The DateTimePicker control allows users to select dates and times for scheduling, filtering, or logging. It ensures accurate time-bound data handling.
Benefit:
Improves accuracy in scheduling tasks, reports, and audits.
Industry Use Case:
In logistics, operators use datetime pickers to schedule shipment times and monitor delays.
List
The ListBox displays multiple items at once, enabling quick selection of parameters, reports, or device groups. Unlike ComboBox, it shows all options without requiring dropdown navigation.
Benefit:
Provides faster access to frequently used options.
Industry Use Case:
In logistics warehouses, operators select product batches from a listbox to monitor stock movements.
Dropdown
The ComboBox enables operators to select from predefined options in dropdown menus. This reduces manual entry errors and ensures consistency when choosing modes, parameters, or devices.
Benefit:
Improves usability by simplifying input while maintaining data accuracy.
Industry Use Case:
In automotive plants, operators select machine modes (e.g., welding, assembly, painting) from a ComboBox.
Timer
The Clock control provides real-time timekeeping inside dashboards, synchronized with the system. It can display multiple time zones if needed.
Benefit:
Keeps operators aware of time-sensitive tasks and deadlines.
Industry Use Case:
In global data centers, clocks show local and remote site times for synchronized operations.
Numeric
This control allows operators to adjust numeric values incrementally. It is perfect for entering precise settings like setpoints, tolerances, or limits.
Benefit:
Reduces data entry errors and ensures accuracy in numerical input.
Industry Use Case:
In semiconductor fabs, operators set temperature or voltage ranges with NumericUpDown for precise process control.
CheckBox
CheckBoxes allow toggling between options, activating features, or applying filters with ease. Multiple checkboxes can be grouped to create flexible configuration options in AdiCloudX dashboards.
Benefit:
Offers simple and effective control over optional settings.
Industry Use Case:
In data centers, engineers use checkboxes to enable or disable power monitoring for specific racks.
Input
The Input control provides essential text elements to describe live data, units, or system messages across AdiCloudX dashboards. Labels are fully customizable with fonts, colors, and styles, ensuring a clean and consistent look. They act as context providers, making data-driven dashboards easier to interpret and use.
Benefit:
Improves clarity and reduces operator errors by making every data point self-explanatory.
Industry Use Case:
In pharmaceutical plants, Input display batch IDs, drug names, and ingredient percentages, ensuring complete process traceability.
Text
The TextBox allows direct operator input into AdiCloudX dashboards. Whether setting process thresholds, adjusting parameters, or logging notes, textboxes enable secure and flexible interaction. With built-in validation, only authorized and correct inputs are accepted.
Benefit:
Simplifies workflows by eliminating backend changes for parameter entry.
Industry Use Case:
In water treatment facilities, operators update chlorine dosing levels and flow limits using textboxes, ensuring real-time adjustments for water safety.
Button
The Button control provides a one-click way to execute commands in AdiCloudX. It can start/stop machines, acknowledge alarms, or trigger reports instantly. Buttons can be styled with icons, labels, or colors for intuitive use.
Benefit:
Enables fast, reliable control actions, reducing downtime in critical operations.
Industry Use Case:
In logistics hubs, buttons trigger conveyor belt movement or generate dispatch reports instantly.
Cylinder
The Cylinder control provides a 3D-like visualization of tank levels or storage silos. It makes capacity monitoring intuitive and visually appealing.
Benefit:
Simplifies liquid and material level tracking with an easy-to-understand visual format.
Industry Use Case:
In oil & gas, cylinders represent crude oil storage levels in real time.
RadioButton
RadioButtons allow operators to select one option from a set of predefined choices. They are widely used for mode selection or decision-based input.
Benefit:
Ensures accurate selection by restricting operators to one valid option.
Industry Use Case:
In automotive testing labs, operators select test modes (speed, endurance, safety) using radio buttons.
ToggleButton
The ToggleButton lets operators switch between two states (ON/OFF, Start/Stop, Enable/Disable). It is a more visual alternative to checkboxes.
Benefit:
Provides intuitive binary control with immediate visual feedback.
Industry Use Case:
In data centers, toggle buttons enable or disable backup generators instantly.
