---
description: >-
  The Controls List View allows creating, managing, grouping, customizing
  columns, exporting, and deleting control elements efficiently.
---

# Controls List View

The Controls List view in AlphaX Cloud, as shown in the image, is an interface that provides users with a centralized view and management of various control elements. Here's a breakdown of the key components and functionalities.

<figure><img src="https://3041611997-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBfCYTTMdizqTrgCRWgKD%2Fuploads%2FMzB9KvziG34z2YyiV8XS%2FControls_List_View.png?alt=media&#x26;token=834167ff-a0ff-4ec6-8bb8-8fd390e24a78" alt=""><figcaption><p>Control List View</p></figcaption></figure>

### **1. Header Section**

This section contains the main action buttons located at the top of the **Controls List View**. These buttons allow users to create new controls, navigate between views, and manage control groups.

<table><thead><tr><th width="193">Element</th><th>Description</th></tr></thead><tbody><tr><td><strong>Create Button</strong></td><td>Adds a new control element. Opens a form for defining control attributes and settings.</td></tr><tr><td><strong>Controls Button</strong></td><td>Displays the current list of individual controls.</td></tr><tr><td><strong>Groups Button</strong></td><td>Switches to a grouped view of controls, enabling bulk management of multiple controls.(Only enabled for our admins)</td></tr></tbody></table>

### **2. Filter and Table Controls**

This section provides tools to refine the view, customize the table columns, and export or maximize the displayed data.

<table><thead><tr><th width="246">Heading</th><th>Description</th></tr></thead><tbody><tr><td><strong>Filter Button</strong></td><td>A search field to filter the displayed controls based on specific criteria like name, entity, or state.</td></tr><tr><td><strong>Column Visibility</strong></td><td>Enables toggling visibility of table columns for a customized view.</td></tr><tr><td><strong>Export</strong></td><td>Exports control list data into formats like CSV, Excel, or PDF for reporting or analysis.</td></tr><tr><td><strong>Maximize</strong></td><td>Expands the table view to focus entirely on the control data by hiding sidebars and distractions.</td></tr></tbody></table>

### **3. Table Columns**

The table is the core of the **Controls List View** and displays information about each control element. Below is a breakdown of the columns and their functionality.

<table><thead><tr><th width="213">Column Name</th><th>Mini Description</th></tr></thead><tbody><tr><td><strong>State</strong></td><td>Displays the current operational state of controls using toggles (On/Off) or sliders for numeric values.</td></tr><tr><td><strong>Name</strong></td><td>Identifies the control with a descriptive name or label.</td></tr><tr><td><strong>Entity</strong></td><td>Indicates the organizational unit, facility, or area to which the control belongs.</td></tr><tr><td><strong>Output</strong></td><td>Specifies the communication method or protocol used by the control, such as Native, HTTP, or MQTT.</td></tr><tr><td><strong>Actions</strong></td><td>Provides options to manage the control with edit (gear icon) or delete (trash icon) buttons.</td></tr></tbody></table>

### **4. Control States**

This section explains the two main ways controls are displayed in the **State** column of the table.

<table><thead><tr><th width="195">Heading</th><th>Description</th></tr></thead><tbody><tr><td><strong>Toggle (On/Off)</strong></td><td>Shows a binary state for controls (e.g., switches, pumps), indicating whether they are active or inactive.</td></tr><tr><td><strong>Slider</strong></td><td>Represents numeric states using sliders, allowing for granular control (e.g., percentages or thresholds).</td></tr></tbody></table>

### **5. Sorting Options**

Sorting options allow users to organize the control list efficiently by column.

<table><thead><tr><th width="208">Heading</th><th>Description</th></tr></thead><tbody><tr><td><strong>State Sorting</strong></td><td>Sorts controls by their operational state (e.g., active/inactive or numeric values).</td></tr><tr><td><strong>Name Sorting</strong></td><td>Organizes controls alphabetically by name for quick identification.</td></tr><tr><td><strong>Entity Sorting</strong></td><td>Groups controls alphabetically by their associated organizational unit, facility, or area.</td></tr></tbody></table>

### **6. Pagination**

When the dataset is too large to display on a single page, pagination helps users navigate between different pages of controls.

<table><thead><tr><th width="264">Heading</th><th>Description</th></tr></thead><tbody><tr><td><strong>Page Numbers</strong></td><td>Allows navigation to specific pages in the control list when the dataset is too large for one page.</td></tr><tr><td><strong>Previous/Next Buttons</strong></td><td>Quick navigation to the previous or next page in the dataset.</td></tr><tr><td><strong>Entries Per Page Selector</strong></td><td>Adjusts the number of rows displayed per page (e.g., 10, 25, 50, 100).</td></tr></tbody></table>

### Conclusion

This structured table format, with descriptions placed before each table, provides a clean and organized way to understand the **Controls List View** and its functionalities. Each section highlights its specific purpose, followed by corresponding details in the table.
