Difference between revisions of "Overview Graphical Components"

From IMSMA Wiki
Jump to: navigation, search
(Created page with "The various screens of IMSMA were designed to provide a common appearance. This section describes the common interface components. Windows A window is the term used to refer ...")
 
 
(14 intermediate revisions by 3 users not shown)
Line 1: Line 1:
The various screens of IMSMA were designed to provide a common appearance. This section describes the common interface components.
+
{{TOC right}}
Windows
+
The various screens of IMSMA were designed to provide a common appearance.
A window is the term used to refer to a screen in IMSMA. IMSMA contains a number of windows. Although the size at which windows are initially displayed will vary, they typically are square or rectangular in shape. The name of the window is displayed across the top.  
 
  
+
==Menus==__NOEDITSECTION__
Figure 188. Examples of Windows
 
 
Menus
 
 
Menus are lists of options that provide access to features. The menu on the IMSMA Navigation window displays across the top of the window. Other menus only display when you right-click on a specific area.  
 
Menus are lists of options that provide access to features. The menu on the IMSMA Navigation window displays across the top of the window. Other menus only display when you right-click on a specific area.  
 
   
 
   
Figure 189. Menus
+
==Editing menu==__NOEDITSECTION__
When you click a menu option, it may display a sub-menu within it.
 
 
Figure 190. Example of a Sub-Menu
 
 
Editing menu
 
 
The editing menu is available from tables and text fields. The menu allows you to cut or copy the selected text so that it may be moved to another field, or copied to another field or application such as Microsoft Excel.  
 
The editing menu is available from tables and text fields. The menu allows you to cut or copy the selected text so that it may be moved to another field, or copied to another field or application such as Microsoft Excel.  
 
 
Figure 191. Editing Menu
 
To display the editing menu, right-click on either a table or text field.
 
 
 
   
 
   
Panes
+
==Panes==__NOEDITSECTION__
 
Some windows, such as the Navigation window, are made up of several panes. A pane is a part of the window in which you may perform certain actions. The number of panes in each window will differ. For example, the Navigation window contains three panes.
 
Some windows, such as the Navigation window, are made up of several panes. A pane is a part of the window in which you may perform certain actions. The number of panes in each window will differ. For example, the Navigation window contains three panes.
 
   
 
   
Figure 192. Window with 3 Panes
+
=== Resizing panes in a window ===
Resizing panes in a window
+
The height and/or width of panes may be adjusted by dragging the pane’s border. To adjust the height and/or width of a pane:
The height and/or width of panes may be adjusted by dragging the pane’s border. To adjust the height and/or width of a pane:  
+
<ol><li>Place the cursor on the pane border that you would like to adjust.The cursor should change to a double-ended arrow.</li>
1. Place the cursor on the pane border that you would like to adjust.  
+
<li>While holding down the mouse button, drag the border to increase or decrease the size of the pane.</li>
The cursor should change to a double-ended arrow ( ).
+
<li>Release the mouse button when the pane is the desired size.</li></ol>
+
 
Figure 193. Arrow to Adjust Panes
+
==Trees==__NOEDITSECTION__
2. While holding down the mouse button, drag the border to increase or decrease the size of the pane.
 
3. Release the mouse button when the pane is the desired size.
 
 
Trees
 
 
A tree is an interface that lists items based on their relationship with other items in the list. Items that are part of another item in the tree will be listed within the higher-level item. For example, the Navigation window contains a country structure tree that lists the country structure values for the site. A lower-level country structure is listed within the country structure that contains it.  
 
A tree is an interface that lists items based on their relationship with other items in the list. Items that are part of another item in the tree will be listed within the higher-level item. For example, the Navigation window contains a country structure tree that lists the country structure values for the site. A lower-level country structure is listed within the country structure that contains it.  
 
   
 
   
Figure 194. Example of a Tree
+
Trees provide you the option to display or hide items in the list by clicking a button next to an item’s name.  
Trees provide you the option to display or hide items in the list by clicking a button next to an item’s name. The  shows the lower-level items; the  button hides the lower-level items.
+
 
Nodes
+
==Nodes==__NOEDITSECTION__
 
A node is an individual item within the tree. Each item in the tree is considered a node regardless of its position in the tree.   
 
A node is an individual item within the tree. Each item in the tree is considered a node regardless of its position in the tree.   
Tables
 
Many IMSMA windows display records in a table such as the one shown in Figure 195. The attribute on which the records in the table are ordered by default differs for each table. You may reorder the records in the table by clicking on the column header of the attribute on which you would like to order the records.  An arrow icon ( ) displays beside the attribute name to indicate that it is the column on which the table’s records are ordered. An upward facing arrow ( ) indicates that the records are in ascending order; a downward facing arrow ( ) indicates that the records are sorted in descending order.
 
  
 +
==Tables==__NOEDITSECTION__
 +
Many IMSMA windows display records in a table. The attribute on which the records in the table are ordered by default differs for each table. You may reorder the records in the table by clicking on the column header of the attribute on which you would like to order the records.  An arrow displays beside the attribute name to indicate that it is the column on which the table’s records are ordered. An upward facing arrow ([[Image:Up_Arrow.png|Up Arrow]]) indicates that the records are in ascending order; a downward facing arrow ([[Image:Down_Arrow.png|Down Arrow]]) indicates that the records are sorted in descending order.
 +
 +
==Filters==__NOEDITSECTION__
 +
Numerous windows in IMSMA allow you to limit the records displayed in the window to only those records in which you are interested.  These windows have fields for specifying criteria to limit the records displayed in the table. By default, windows with a filter will display all records for the specific item.
 
   
 
   
Figure 195. Example of IMSMA Table
+
{{NavBox HowTo Viewing and Browsing}}
Filters
+
 
Numerous windows in IMSMA allow you to limit the records displayed in the window to only those records in which you are interested.  These windows have fields for specifying criteria to limit the records displayed in the table. By default, windows with a filter will display all records for the specific item. The records meeting the filter display in a table as shown in Figure 196.
+
[[Category:CRI]]
 
Figure 196. Filters
 

Latest revision as of 20:26, 15 August 2016

The various screens of IMSMA were designed to provide a common appearance.

Menus

Menus are lists of options that provide access to features. The menu on the IMSMA Navigation window displays across the top of the window. Other menus only display when you right-click on a specific area.

Editing menu

The editing menu is available from tables and text fields. The menu allows you to cut or copy the selected text so that it may be moved to another field, or copied to another field or application such as Microsoft Excel.

Panes

Some windows, such as the Navigation window, are made up of several panes. A pane is a part of the window in which you may perform certain actions. The number of panes in each window will differ. For example, the Navigation window contains three panes.

Resizing panes in a window

The height and/or width of panes may be adjusted by dragging the pane’s border. To adjust the height and/or width of a pane:

  1. Place the cursor on the pane border that you would like to adjust.The cursor should change to a double-ended arrow.
  2. While holding down the mouse button, drag the border to increase or decrease the size of the pane.
  3. Release the mouse button when the pane is the desired size.

Trees

A tree is an interface that lists items based on their relationship with other items in the list. Items that are part of another item in the tree will be listed within the higher-level item. For example, the Navigation window contains a country structure tree that lists the country structure values for the site. A lower-level country structure is listed within the country structure that contains it.

Trees provide you the option to display or hide items in the list by clicking a button next to an item’s name.

Nodes

A node is an individual item within the tree. Each item in the tree is considered a node regardless of its position in the tree.

Tables

Many IMSMA windows display records in a table. The attribute on which the records in the table are ordered by default differs for each table. You may reorder the records in the table by clicking on the column header of the attribute on which you would like to order the records. An arrow displays beside the attribute name to indicate that it is the column on which the table’s records are ordered. An upward facing arrow (Up Arrow) indicates that the records are in ascending order; a downward facing arrow (Down Arrow) indicates that the records are sorted in descending order.

Filters

Numerous windows in IMSMA allow you to limit the records displayed in the window to only those records in which you are interested. These windows have fields for specifying criteria to limit the records displayed in the table. By default, windows with a filter will display all records for the specific item.