Overview
On this page:
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 Draw. |
Preview | Read-only. Shows a thumbnail of the display. |
AllowSelection | Select to allow users to select the display from the PageSelector. |
Width | 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 |
EditSecurity | Select which categories of users have access to edit this display. |
RunSecurity | Select which categories of users have access to this display in runtime. |
Description | Enter a description for this display. |
Table and Card views
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 |
|
Selecting the Display Mode
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.
| 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.
