Understanding Displays List

Display List organizes the collection of displays in an application, enabling users to manage and navigate through various interfaces. They offer a structured approach to categorize and access different screens within the software, facilitating the process of modification and management. The use of List allows for orderly arrangement and retrieval, supporting efficient workflow and user interaction with the application. The adaptability of List to user actions and inputs makes them a functional component in UI design.

Definition

Display List is an organizational tool within a configuration interface that displays and manages the collection of displays in an application. They act as a centralized system for users to interact with various interfaces.

Purpose

The purpose of Display List is to provide a systematic way for users to view and access multiple displays. They support the organization and quick retrieval of different screens, simplifying the process of interface management.

Function

Display List function as management tools, enabling users to add, arrange, and remove displays. They categorize displays, often offering features like sorting and filtering to help users find and select specific interfaces efficiently.

Operation

Display List operate through user interaction, responding to commands to add, delete, or reorder displays. They update dynamically to reflect the current configuration of displays and allow users to maintain an overview of the system's interfaces.

Application

List find use in environments where managing a multitude of displays is necessary. This includes applications with multiple user interfaces, such as dashboard suites, content management systems, and complex software solutions that require navigation between different operational screens.

Usage

Using Display List involves engaging with the configuration interface to manage the application's displays. Go to Displays → List. To manipulate the list of displays, users utilize options like add, rename, remove or sort displays ensuring efficient management of the application's interfaces.

List configs

Display modes

Pages, Popups, and Dialogs are different display modes. They share some similarities, but each has a specific particular or behavior. They are commonly used in application development to build intuitive and dynamic user interfaces.

Page

A Page is a display that always remains open or opens, replacing the previous display, constituting an independent unit of information or functionality within an application. In summary, it is a screen that allows users to perform a specific action, in which access to the page is given from a navigation menu or through other links within the application.

Popup

A Popup is a window that overlays the main application window. It is triggered by an action, like clicking a button or link, or can appear automatically under certain conditions. Its purpose is to provide information or functionality without leaving the current page. It operates independently, with its border, but does not obstruct interaction with the underlying page.

There are two types of popups: modal and non-modal. A modal popup demands interaction before the User can return to the main application, pausing other activities. In contrast, a non-modal popup allows the User to continue interacting with the main application while the popup is open. These popups contain forms, menus, or other components designed to provide access to functions or information for only a short time.

Dialog

A Dialog is a small window that opens on top of all other displays and stays open, blocking the use of other displays until the User closes it. The dialog window appears on top of the main application window and requires user input before dismissal. Typically, it prompts users for confirmation or additional information before proceeding with an action. Dialogs can be modal, meaning the User cannot interact with the main application window until the dialog is closed.

On Resize options

The dropdown menu options specify the settings for resizing an image or element to fit a designated display area.

StretchFill

This option stretches the image to fill the display area, potentially altering its aspect ratio. Distortion can occur if the display area's proportions differ from the image's original aspect ratio.

StretchUniform

This option will scale the image to fit the display area while maintaining its aspect ratio. If the aspect ratios don't match, the image will be scaled until it touches the edges of the container from within, potentially leaving some space in the display area.

Responsive

This option allows the image or element to adjust its size in response to the size of the display area. It's less clear without specific context, but typically, 'responsive' means that the element will scale sensibly to different screen sizes, often maintaining its aspect ratio without distortion.

NoAction

This option displays the image in its original size, regardless of the display area's size, which might lead to cropping or overflow if the image is larger than the display area.

Properties Reference

The Display module has properties enabled as default for each display. These include Name, Engine, PanelType, as well as read-only properties like Preview, BuildStatus, BuildErrors, BuildMessage, and Description.

List properties

The table below provides a reference for the Display List properties:

In this section: