---
alias: user-guide-uipages-index
description: "Configure and manage graphical user interfaces for system interaction and data presentation"
---

# UI Pages

:lock: Administration.**UIPages**

:lock: UIPage.**Show**

## Overview

A **UI Page** is a configurable entity that presents a GUI page that can be used to display information and interact with the system using different page elements (such as widgets, properties, data sources) and visualization modes.

{% include-markdown 'includes/pages/ai_uipage_generation.md' %}

## Browsing UI Pages

Select the **UI Pages** page to see the **UI Pages** folder structure. To see the content of each folder, select the intended folder and its content will be displayed in tile format in the pane on the right.

![UI Pages browse view showing the folder structure and UI Page tiles](../../images/UI_pages_page.png)

The **Folders** structure on the left allows you to:

* Create New Folder
* Edit a Folder
* Delete a Folder

![UI Pages folder view showing actions for creating, editing, and deleting folders](../../images/UI_pages_page1.png)

The **UI Page** can be configured to share information among the different elements based on user inputs and system triggers that enables a user-friendly interaction with the system.

## Filters

You can filter **UI Pages** by:

* Scope
* Section
* Entity Type

As shown in the images below:

=== "Scope"

    ![UI Pages filter showing the Scope option](../../images/UI_pages_scope.png)

=== "Section"

     ![UI Pages filter showing the Section option](../../images/UI_pages_section.png)

=== "Entity Type"

    ![UI Pages filter showing the Entity Type option](../../images/UI_pages_entity_type.png)

Also, by default, the **System Items** are not shown, but you can decide to see them by selecting the box accordingly:

![UI Pages filter showing the option to display System Items](../../images/UI_pages_system_items.png)

## UI Page Types

There are four different types of **UI Pages**:

* **Cluster** - a special type of page that organizes a navigation menu on the left and an information panel on the right, useful for elements with multiple layers of information.
* **Page** - an organized set of elements that allow you to interact with the system.
* **Step** - a specific step to be used in UI Pages of type Wizard.
* **Wizard** - a set of steps that prepares data to call a system action.

![UI Page types showing Cluster, Page, Step, and Wizard](../../images/UI_pages_page_types.png)

## Developer Mode

:lock: UIPage.**DeveloperMode**

This security feature will allow the **UI Page** to be seen in designer mode, showing information immediately below the top ribbon that is pertinent to the designer of the UI Page and may be considered as clutter by an end user. If the user does not have that security feature assigned, the **UI Page** will withhold this information (Name, Revision, Version and Title) and collapse the toolbar, displaying only the title.

![Screenshot showing a user interface page titled "My UI Page" in Developer Mode.](images/uipage_developer_mode.png)

!!! info
	For more information, see the [[tutorials-livehistoricaldata]] tutorial.

{{ generate_index() }}