Difference between revisions of "GUI Basics"

From 3forge Documentation
Jump to navigation Jump to search
Line 30: Line 30:
  
 
'''Note''': in order to delete individual panels within windows, use the configuration button menu of the panel and select '''Delete Highlighted Panels'''. If the window does not have any panels, selecting this option will delete the window.
 
'''Note''': in order to delete individual panels within windows, use the configuration button menu of the panel and select '''Delete Highlighted Panels'''. If the window does not have any panels, selecting this option will delete the window.
 +
 +
'''<span style="color: blue;">Resizing and Moving Windows</span>'''
 +
 +
In order to resize a window, click and hold any part of the edges or corners of the window. While holding the mouse button, drag the cursor to resize the window
 +
 +
In order to move a window around the dashboard, click and hold the window header. While holding the mouse button, move the window to any area of the dashboard.
  
 
'''<span style="color: blue;">Configure Window menu</span>'''
 
'''<span style="color: blue;">Configure Window menu</span>'''
Line 60: Line 66:
  
 
[[File:Guides.Windows.15.jpg]]
 
[[File:Guides.Windows.15.jpg]]
 +
 +
==Dividers==

Revision as of 16:50, 5 April 2021

Windows

In AMI, windows are the building blocks of layouts. Windows are highly customizable and entire complex layouts can be built within one window. This section will discuss the various options you have when starting out with a window.

The Windows option can be found on the top menu bar. Developers have the option of creating and managing windows whereas end-users are still able to use the menu to view a list of windows that are in the layout.

Guides.Windows.01.jpg

Renaming Windows

Once created, Windows can be renamed by double clicking on the Window name or by using the Configure Window found in the middle of the Window header.

Guides.Windows.02.jpg

Guides.Windows.04.jpg

Popping out, Minimizing, Maximizing, and Deleting Windows

Using the buttons found on the right side of the window header, you can pop out a window (into its own window), minimize, maximize, or delete a window.

Guides.Windows.05.jpg

Guides.Windows.06.jpg: pops out the window its own window. When you close a popped out window, it will return the window onto the dashboard (it will not be deleted). The status of the window will be shown as [popped out] in the Windows menu.

Guides.Windows.08.jpg: minimizes the window. Minimized windows can be accessed by selecting them from the Windows menu.

Guides.Windows.09.jpg: maximizes the window or restores a maximized window to its original size.

Guides.Windows.10.jpg: deletes the window. Windows in use will require confirmation before being deleted.

Note: in order to delete individual panels within windows, use the configuration button menu of the panel and select Delete Highlighted Panels. If the window does not have any panels, selecting this option will delete the window.

Resizing and Moving Windows

In order to resize a window, click and hold any part of the edges or corners of the window. While holding the mouse button, drag the cursor to resize the window

In order to move a window around the dashboard, click and hold the window header. While holding the mouse button, move the window to any area of the dashboard.

Configure Window menu

The Configure Window menu found in the window header contains a lot of options to be used for the windows. The options to be discussed in this section are Type and Location in Menu Bar.

Type

Maximized, no Header: maximizes the size of the window and removes the window header. The Configure Window button will still be visible when in developer mode.

Regular: the default state of windows with all window header buttons available.

Hidden: hides the name of the window from the Windows drop down menu when not in developer mode. When in developer mode, the name of the window will be visible with a [hidden] label. This is useful when creating windows that will be kept minimized or behind other windows and only available when taking a certain action.

Guides.Windows.11.jpg

You can also use the Manage Windows option in the Windows menu in order to get an overview of all of the windows in the layout and apply a configuration to each.

Guides.Windows.14.jpg

Location in Menu Bar

If you would like to place a window under its own menu item in the menu bar, use the Location in Menu Bar option to assign a Menu Name. The menu item will then appear when not in developer mode (and the window is not hidden):

Guides.Windows.12.jpg

Guides.Windows.13.jpg

The window will list appear in the Windows menu:

Guides.Windows.15.jpg

Dividers