Screen Selection and Creation

However Action.NET the main window of the application screen is defined by an object named Layout. One Layout defines the size of the application window and the basic arrangement of preview components (Screens and Screen parts) in the application in real time. See "Layout Creation".

A screen can contain multiple visualization and command elements, including controls, data screen areas, static areas, and other objects. These components or screens can be static, that is, they are always displayed, such as a menu bar, toolbar, or status bar. Components can also be swapped dynamically, depending on what the user clicks or selects.

To select Screens:

Go to Edit> Displays> Displays.
Select the viewing option Cardview or TableView at the top right of the DataGrid with the List of Screens.
See the list of available screens appear on datagrid.

Column	Description
Name	Screen name configured when creating the screen in the environment Draw. You can rename the screen by simply re-typing the new name over the current text.
Mode	Read-only. Configured when setting the Screen in the environment Draw.
Preview	Read-only. Shows a thumbnail figure of the screen.
AllowSelection	Select to allow users to select the Screen through the page selector (PageSelector).
EditSecurity	Choose which permissions users must have to have access to edit this screen.
RunSecurity	Choose which permissions users need to have to have access to this screen at run time.
Description	Enter a description for this screen.

Other columns not included in the table above refer to the screen dimensions. In this table these attributes are in read-only mode. Can be changed in the environment Draw described below.

Screen Operations

To edit a Screen, select it from the DataGrid tab Display and press the DRAW button.

When you are in the DRAW environment, you can also edit screens by selecting them in the combo-box in the toolbar that appears to perform operations with the screens.

The left box shows the name of the screen currently loaded on the desktop. Opening this box (click the arrow) appears the list with all existing screens in the project. By choosing one from the list, it will load into the Drawing area and become the current screen for editing.
The floppy icon is used to request saving of changes;
The icon with the floppy and the figure opening the plug is used to request saving the screen with another name (save as).
The icon with the + sign should be used to create a new, empty, and close screen, saving it to the screen until then loaded. It also causes a window to appear asking for the name to be given to the new screen.
The symbol with Video Monitor lets you show a preview of the screen to see what the screen will look like in real time.
The icon with the image of a data window, when pressed, shows a window with the list of all existing objects on the screen. By clicking on each of the listed objects, select the object on the screen.

The last icon is used to close the current screen without saving the last changes

Creating a new screen

To create a new Screen

Go to Draw> Draw .
Click the icon whose action is Close the Current Screen and Create a new one.
If you don't see this button in the toolbar, make your window wider.
The window appears to create a new screen.
Enter or select the information as needed.

Column	Description
Display Name	Enter a name for the screen.
Description	Enter a description for the screen.
Level	Choose a Level (Asset) for this screen optionally
.NET Smart Client	Select this option for screens to be displayed normally on Action.NET
Dashboard	If you want to create the screen in the format for dashboard presentation, mark the comic.
HTML5 Client	Select this screen to work in the HTML5 pattern.
native iPad/iPhone	Note: If you plan to use this Screen for iPad and iPhone users, be sure to select this option when creating the display. You can't change it later. Select to be able to use this Screen with iPads and iPhones. When you select this option, the Screen settings in other parts of the Draw area show only the options that apply to Windows and iPads/iPhones.
Default View:	Select the default screen mode for iPad and iPhone users: Landscape Portrait

Click OK, to close the screen creation window.

NOTICE: If the screen is for use with an iPad or iPhone, you must select the
iPad/iPhone iOS Client option when you create the display. You cannot change this setting later.

Setting properties for the common screen

On the left side of the main window appears an area for detailing the attributes of the screen, with two parts: Appearance and DisplaySettings.

The parameters of Appearance define the style of the "brush" used when drawing objects on the screen, including colors.
Clicking on the option Fill (fill) you can set Colors, gradients, or objects to fill a graphic figure.

The parameters in DisplaySettings define, the attributes of the screen. Screens can be configured as PopUps, Dialogs, or Normal Screens. The dimensions of the screen when created follow what is defined in Info>Settings.

Like any graphic object, Screens can have different colors and patterns, borders, titles, and more.
A special feature is that you can specify an animation transition to use when switching from one screen to another in a similar way to what you use in PowerPoint presentations.

If you have selected the screen option for iPad/iPhone iOS, when you created the view, not all DisplaySettings will be available. Also in the case of Dashboards there will be some differences for definition. See the following items.

At the bottom you can choose Enable Theme, for use of this color-swapping functionality of presentation themes.

For setting screen properties:

Enter or select the information as needed for setting displaysettings

Column	Description
Mode	Select the type of Screen you want to create: Page - It's default mode. When you open a screen in the Page causes the automatic closing of the last page in the current layout and displays in the same area the last of the page list in Displays> Layouts. Only screens in Page mode are displayed in the layout. Popup - A pop-up opens in front of all other screens. When you open a new page, by default, all displayed pop-ups are closed. Controls on other screens are available during the appearance of pop-ups. Dialog - A dialog screen opens as a modal dialog box, which disables controls on all other open screens until you close the dialog box. Clicking OK runs the OnOK method on the Screen CodeBehind (display).
Background	Select the background color of the screen.
Width	Enter the screen width in Monitor-independent (WPF) units. Be sure to take into account the size of the layout.. When created it receives the width set in Info>Settings.
Height	Enter the screen width in Monitor-independent (WPF) units. Be sure to take into account the size of the layout. When created you receive the height set in Info>Settings.
Border	Select the border type of the screen.
CloseButton	Select whether to display the Close button of the screen. Available only for Popups and dialogues.
Animation	Select the type of animation (None, fade, slide, scroll) to use when showing this screen..
Show on PageSelector Object	Check the option to include this Screen In Screen Selector that allows users to directly access a Screen in the app, without having to include navigation buttons on the screens.
iPad/iPhone iOS target	Read-only. Shows whether you selected the screen option to be used on iPad/iPhone iOS when you created the Screen.
Placement	Select where, within the Layout, you want to place this screen. Available only for Popups and dialogues.
Target	Select whether the "Placement" set is relative to the mouse position or relative to the entire window. Available only for Popups and dialogues.
DialogButtons	Select the control buttons you want in the dialog box. Available for dialogue only.
Title	Enter a title that will appear at the top of the screen.
Title Background	Select a color for the background of the title.
Stays Open on Page Change	Leave the pop-up window open when the user clicks on something that opens a different screen. Available only for popups
Stays Open After Losing Focus	Leave the pop-up window open when the user clicks on another one. Screen. Available for Popups only.
Je T	Type, the distance between the left margin of the Layout and the position at which the left side of the screen should appear, in Monitor-independent pixels (WPF) units. Available only for Canvas Layouts.
Top	Type, the distance between the top of the Layout and the position at which the top of the screen should appear, in Monitor-independent pixels (WPF) units. Available only for Canvas Layouts.

Use the drawing tools on the vertical bars on the left and bottom horizontal to create, and position viewing objects on the screen
Select one of the buttons on the vertical toolbar. Place the cursor in the display area, then click and hold the left mouse button while dragging the cursor in the area of the newly created screen.
To see an options menu, right-click on the drawn object. The context menu provides actions that are specific to the selected object.
To select multiple objects, press Shift + Left-click on each object.
The horizontal toolbar (at the bottom of the Drawing) contains buttons to group, combine, align, and lock selected objects
For more information on drawing tools, see "Drawing tools" .
Click Save Display.

WARNING - When selecting multiple objects, the last object selected is the "master": its properties are those shown in the left pane. If you then align the objects, the alignment is based on the master. If you change other properties, the properties change for all selected objects.

Dashboards

Dashboards quickly transmit a large amount of data in a compact and easily accessible format.

Responsive layouts allow your dashboards to be intelligently resized based on the screen size of the viewing device.
Drag and drop panels easily to display various chart types, such as trend, pie, bars, plus gauges, and more!
Add any object from the symbol library - whether it's native to Action˳NET or a user-created one!
Create groups to control your responsive behavior separately from the general page.
Create dashboards for .NET and HTML5 clients from the same development environment.
Support our new Project Themes for quick customization!

Setting properties for Dashboards screens

For type screens Dashboard, due to its functionality, few properties should be set. Basically the background color, screen size and whether to use the functionality of color themes.

Only Symbols, (local library or graphic symbol library) WPF components (charts, tables, grids, other controls) and panels can be inserted into dashboard-type screens.

You can't draw directly at the bottom of the screen. For a drawing, label objects, or numeors displays or text, make a symbol and colloquial these elements on it. After place the symbol on the screen. These symbols or components will always be wrapped by containers that will be responsively resized in real time.

See more details of how to use this screens in Dashboards.

Display runtime objects

The namespace Display lists all screens with their properties and open and close methods.
The namespace Layout lists all layouts with their properties and open and close methods.
The namespace Client has the properties of the environment on each client computer or mobile device connected.
See http://www.spinengenharia.com.br/help/an-2014/runtime/index.html for the full programming reference on runtime objects.

On this page:

Screens and Layouts