by Victor Wheeler
 
×
Menu

Example of Controls

 
Example of Controls
1

Control Menu Icon

1. Control Menu Icon
 
Clicking this drops down the control menu that can be used to do basic operations on the application window itself.  A typical control menu follows:
 
 
2

Title

2. Title
 
This is the application title.
3

Title Bar

3. Title Bar
 
This is the whole title bar.  Holding down the left mouse button on this bar allows one to use the mouse to move the window to another location on the desktop.
4

Minimize Button

4. Minimize Button
Click this button to minimize the window.  When an application window is minimized, it is "put down" into the Task Bar (removing it from the desktop's work area).  In this state, the only visual indication that the application is still running is that its icon in the Task Bar will be highlighted.  See Window State for more information.
 
Note 1:  clicking on the highlighted icon for this application in the Task Bar will "restore" the window to its previous state.
 
Note 2:  when an application is minimized, because it is less visible, it is a common mistake for new Windows users to re-start an application instead of restoring it.  Depending on the application, this can cause 2 copies of the application to be running (2 processes of the same application), and this is usually not what is wanted when one merely wants to return to editing a document from an interruption in which one minimized the application window to do something else.
5

Maximize Button

5. Maximize Button
Click this button to maximize the window.  See Window State for more information.  Note:  when the window is maximized, this button's icon changes to 2 rectangles, indicating that clicking it "restores" the window to the normal state.  "Restore" in this context always means return the window to the normal state, whether it is minimized or maximized.
6

Close Button

6. Close Button
Click this button to close the application.  After the application is closed, to use the application again, you will need to re-start it.
7

Grid

7. Grid
 
This is an "editing area" of this application's window in which time records are kept and edited.  Applications that display and edit records often use this type of control.
8

Scroll Bar

8. Scroll Bar
 
Click on the up- and down-arrows to scroll "a little bit".  (In a document editor or word processing application, this usually means "scroll one line of text".)  Click the bar area outside of the slider button to scroll a whole page at a time.  Drag the slider button to quickly position anywhere within the document or list when it extends beyond the display area of the window.
 
Note:  the size of the slider button indicates the amount of the document or list that is currently displayed.
9

Buttons

9. Buttons
 
Click these to perform the indicated action.
10

Window Corner

10. Window Corner
 
Hovering your mouse over this corner will turn it into a pair of diagonal arrows.  When diagonal arrows are displayed, you can drag the corner to re-size the window.
 
Hovering your mouse over any window edge also turns your mouse into a pair of arrows, and dragging that edge enables you to re-size the window by that edge only.
 
11

Textbox (disabled)

11. Textbox (disabled)
A control that is disabled is normally displayed with a light gray background and any text it contains is changed from black to dark gray.  The colloqualism used for this state is that it is "grayed out".  The technically-correct term for this is that the control is "disabled".  Clicking on a disabled control will not do anything, and it will not move keyboard focus to that control.
12

Checkbox

12. Checkbox
A checkbox carrys an "checked" or "unchecked" state.  Any question that can be answered with a "yes" or "no" can be answered with a checkbox.
13

Textbox (enabled)

13. Textbox (enabled)
A control that is enabled is normally displayed with a white with black text, indicating it is enabled.  Clicking on an enabled textbox will move keyboard focus to that control (if it was not already there), and may also set position of the insertion cursor (I-beam).
14

Label (not editable)

14. Label (not editable)
A label merely displays text, but it is not editable, and clicking it performs no action.
15

Group Box

15. Group Box
A group box is used to visually group a set of related controls together.  In this application, all of these controls are related to the current time.
16

Drop-Down List

16. Drop-Down List
A drop-down list permits a user to select one of a number of items, when only one can be valid at a time.
17

Radio Buttons

17. Radio Buttons
A group of radio buttons enables the user to pick one of the available items only.  The black dot indicates which one is "checked".  Clicking on another radio button in the group automatically unchecks the radio button that was previously checked, enforcing that only one can be selected at a time.
18

Editbox

18. Editbox
An editbox (sometimes called a "text area") is used when more than a single word or phrase is expected to be entered (or pasted) by the user, and especially when that text is expected to often take up more than one line.  Technically, the entire editing area of a word processor or text editor is one giant editbox (sometimes with specialized capabilities).