Overview
Displays List provides a data grid, commands, and actions to manage the displays in your solution. It allows users to export displays to a .jpg or the Library and import displays from a file. The interface also allows users to insert, rename, or remove displays from the list and sort the display records by name or date.
Creating a new display in this interface is pretty simple: Click the 'New item' button on the top-left data grid corner to open the 'New Display' popup window. Enter a name for the display, select a Rendering Engine, specify the PanelType and click the 'OK' button to confirm the new display creation.
On this page:
| Table of Contents | ||
|---|---|---|
|
Properties References
The Display Module has several 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. The table below provides a reference for the Display List properties:
Display List Properties | |
ID | A unique identifier for the display. |
VersionID | The version identifier, indicating the specific iteration or release of the display. |
Name | The name assigned to the display for identification and reference. |
Engine | The rendering engine used for the display, such as WPF, HTML5, or both, with the Portable option. |
PanelType | The type of panel used, typically Canvas or Dashboard, determining the layout style |
Heading 2
Heading 3
Paragraph
Display Table Columns | |||
|---|---|---|---|
Field | Description | ||
Name | Read-only. Name of the Display. Configured in Draw. | ||
ClientType | Read-only. Shows the type of the client, either NET or HTML5. | ||
Mode | Read-only. Shows whether the display is used as a Page, a Popup, or as a Dialog. Configured in DrawThis is defined on Drawing Properties / Display Settings. | ||
Preview | Read-only. Shows a thumbnail of Uses the MainPage display as the thumbnail. | ||
AllowSelectionNavigate | Select to allow users to select the display from the PageSelector. | A function to navigate or link to other displays or elements within the application. | |
SizeWidth | Read-only. Display width in WPF units (one WPF unit = 1/96 inch). Configured in Draw | ||
Height | Read-only. Display height in WPF units. Configured in Draw | ||
Left | Read-only. Left margin, in WPF units, for Canvas layouts. Configured in Draw | ||
Top | Read-only. Top margin, in WPF units, for Canvas layouts. Configured in Draw | ||
Dimension | Read-only. Configured in Draw | ||
Size | Read-only. Configured in Draw | ||
The size of the display defined in Draw. | |||
Length | The length property, possibly referring to duration or a specific dimensional measurement. | ||
OnResize | Read-only. Actions taken when the display is resized (Stretch Fill, Stretch Uniform, Responsive or NoAction). This is defined on Drawing Properties / Display Settings. | ||
EditSecurity | Select which Security Permissions group | EditSecurity | Select which categories of users have access to edit this display. |
RunSecurity | Select which categories of users Security Permissions group have access to this display in runtime. | ||
Description | Enter a description for this display. | ||
Table and Card views
BuildStatus | Read-only. The current status of the display's build process, such as 'Complete', 'In Progress', etc. |
BuildErrors | Read-only. Any errors encountered during the build process of the display. |
BuildMessage | Read-only. Messages or notes associated with the build process of the display. |
Level | The level or tier of the display, possibly indicating its complexity or hierarchy in the system. |
Category | The category assigned to the display, used for classification and organization. |
LockState | Read-only. The current lock state of the display, indicating if it's editable or locked for modifications. |
LockOwner | Read-only. The user or entity that currently has the display locked, if applicable. |
DateCreated | Read-only. The date when the display was initially created. |
DateModified | Read-only. The date when the display was last modified. |
Description | A brief description or summary of the display's purpose and features. |
Display Modes
Creating a new display
To create a new Display, go to Draw → Drawing. Click Create a New Document. If you do not see this button in the toolbar, make your window wider.
Select the Display Type: Portable(WPF or HTML5); .NET clients (for Rich and Smart Clients); HTML5 clients; or iOS clients.
Select if the Display Resize behavior is Process Control Screen or Responsive Dashboard.
New Display configuration fields
Field
Description
Display Name
Enter a name for the display.
Description
Enter a description for the display.
.NET Smart Client
Select this option if the display is designed to be presented natively on the host platform.
HTML5
If you plan to use this display as HTML5 on browsers, select this option.
You cannot change it later. But you still can copy and paste objects between HTML5 and .NET pages.
Select this option to use the display with any browser. When you select this option, the display settings in other parts of the Draw area only show options that are compatible with the HTML5 feature.
Dashboard
By default the pages resize as Process Controls screens. Check the box to resize as a Responsive Dashboard.
Mode
- Page
- Popup
Pages, dialogs, and pop-up are different display modes, they share some common, but each one have a specific particularly or behavior. They are commonly used in application development to build intuitive and dynamic user interfaces.
| Info |
|---|
| This feature brings speed-up to your digital solution development, it allows you think more about business solution and less about codes. |
<<Add ONE image showing all four types of displays used in that layout>>
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.
Dialog
A Dialog is a display that opens on top of all other displays and stays open, blocking the use of other displays until the User closes it.
A dialog is a small window that appears on top of the main application window and requires user input before it can be dismissed. It is typically used to prompt 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.
Popup
A Popup is a small window that opens over a page, remaining on top, but the Users can still interact with the other pages. It displays additional information or functionality. And it can be triggered by a user action, such as clicking on a button or link, or they can appear automatically based on certain conditions.
Popups can be modal or non-modal, often containing forms, menus, or other interactive components.
PopupWindow
A PopupWindow opens a completely independent Window with its border to show the display.
A small, separate window appears on top of the main application window. It can display additional information or provide quick access to specific functionality, but they are not intended to be used for extended periods.
In this section
...:
| Page Tree | ||||
|---|---|---|---|---|
|