ITrack/Control Types - Revision history

Codeman at 20:49, 10 July 2009

2009-07-10T20:49:05Z

← Older revision		Revision as of 15:49, 10 July 2009
Line 133:		Line 133:
	* Page up/Page down keys: these keys will go up and down in the list by page.		* Page up/Page down keys: these keys will go up and down in the list by page.

	[[Category:ITrack ~~General~~]]		[[Category:ITrack]]

Codeman: Control Types moved to ITrack/Control Types: Standardized Naming Conventions

2009-06-26T19:03:43Z

Control Types moved to ITrack/Control Types: Standardized Naming Conventions

← Older revision	Revision as of 14:03, 26 June 2009
(No difference)

Dillon Sadofsky at 00:07, 27 February 2009

2009-02-27T00:07:27Z

← Older revision		Revision as of 19:07, 26 February 2009
Line 70:		Line 70:

	==Drag Static==		==Drag Static==
	Drag statics are a special type of control that are designed to be dragged by the user with the mouse. They are usually used to allow the user to resize screen space allocation. This can allow the user to allocate more or less screen space to a control or set of controls. They come in horizontal and vertical flavors.		<table border=0 cellpadding=0 cellspacing=0><tr valign = "top">
			<td>Drag statics are a special type of control that are designed to be dragged by the user with the mouse. They are usually used to allow the user to resize screen space allocation. This can allow the user to allocate more or less screen space to a control or set of controls. They come in horizontal and vertical flavors.

	Pictured ~~below~~ is a set of drag statics, one vertical and one horizontal (they appear as a double dotted line).		Pictured to the right is a set of drag statics, one vertical and one horizontal (they appear as a double dotted line).</td>
	[[Image:Drag_Static.PNG\|frame\|none]]		<td>[[Image:Drag_Static.PNG\|frame\|none]]</td>
			</tr></table>

	==Spin Control==		==Spin Control==

Dillon Sadofsky: /* List Control */

2009-02-27T00:06:06Z

List Control

← Older revision		Revision as of 19:06, 26 February 2009
Line 82:		Line 82:
	[[Image:List_Control.PNG\|thumb\|right\|An example of a list control]]		[[Image:List_Control.PNG\|thumb\|right\|An example of a list control]]
	List Controls are one of the most flexible and powerful controls used in ITrack, and they are used extensively throughout the software to display large amounts of varied data. In addition to being able to display many records (rows) with many fields of data (columns), some list controls can be edited by the user. Other list controls are read only and are used to simply display data to the user in a useful manner. Below are some of the more important list control topics a user should know.		List Controls are one of the most flexible and powerful controls used in ITrack, and they are used extensively throughout the software to display large amounts of varied data. In addition to being able to display many records (rows) with many fields of data (columns), some list controls can be edited by the user. Other list controls are read only and are used to simply display data to the user in a useful manner. Below are some of the more important list control topics a user should know.

			See also: [[List Selection]]

	===List Header===		===List Header===

Dillon Sadofsky at 00:04, 27 February 2009

2009-02-27T00:04:41Z

← Older revision		Revision as of 19:04, 26 February 2009
Line 128:		Line 128:
	* Tab/Enter keys: these keys function much like the right arrow key (shift + tab and shift + enter act like the left arrow key). If there are no more sub-controls in the list, hitting tab or enter will take the user out of the list to the next control on the screen. For some list controls, the enter key acts like the down arrow (moves focus down) rather than the right arrow.		* Tab/Enter keys: these keys function much like the right arrow key (shift + tab and shift + enter act like the left arrow key). If there are no more sub-controls in the list, hitting tab or enter will take the user out of the list to the next control on the screen. For some list controls, the enter key acts like the down arrow (moves focus down) rather than the right arrow.
	* Page up/Page down keys: these keys will go up and down in the list by page.		* Page up/Page down keys: these keys will go up and down in the list by page.

			[[Category:ITrack General]]

Dillon Sadofsky at 00:02, 27 February 2009

2009-02-27T00:02:00Z

Show changes

Dillon Sadofsky at 23:28, 26 February 2009

2009-02-26T23:28:51Z

Show changes

Dillon Sadofsky at 21:44, 26 February 2009

2009-02-26T21:44:53Z

← Older revision		Revision as of 16:44, 26 February 2009
Line 41:		Line 41:

	==List Control==		==List Control==
	[[Image:List_Control.PNG\|~~border~~\|right\|An example of a list control]]		[[Image:List_Control.PNG\|thumb\|right\|An example of a list control]]

	==Static Text==		==Static Text==
Line 55:		Line 55:
	==Edit Box==		==Edit Box==
	[[Image:Edit.PNG\|border\|right\|An example of an edit box]]		[[Image:Edit.PNG\|border\|right\|An example of an edit box]]
			[[Image:Multiline_Edit.PNG\|border\|right\|An example of a multi-line edit box]]
	Edit boxes (commonly referred to as just 'edits') are areas of user interaction where the user can type in values. Some edits have content regulations that make sure the content the user types in contains/doesn't contain certain values, is under a certain length, or has a certain precision (for numerical values).		Edit boxes (commonly referred to as just 'edits') are areas of user interaction where the user can type in values. Some edits have content regulations that make sure the content the user types in contains/doesn't contain certain values, is under a certain length, or has a certain precision (for numerical values).

	~~[[Image:Multiline_Edit.PNG\|border\|left\|An example of a multi-line edit box]]~~
	There are some edit boxes (referred to as multi-line edits) that can support more than one line of text. In such edits, hitting enter starts a new line instead of going to the next control.		There are some edit boxes (referred to as multi-line edits) that can support more than one line of text. In such edits, hitting enter starts a new line instead of going to the next control.

	==Drag Static==		==Drag Static==
	[[Image:Drag_Static.PNG\|border\|~~left~~\|An example of a some drag statics]]		[[Image:Drag_Static.PNG\|border\|right\|An example of a some drag statics]]
	Drag statics are a special type of control that are designed to be dragged by the user with the mouse. They are usually used to allow the user to resize screen space allocation. This can allow the user to allocate more or less screen space to a control or set of controls. They come in horizontal and vertical flavors.		Drag statics are a special type of control that are designed to be dragged by the user with the mouse. They are usually used to allow the user to resize screen space allocation. This can allow the user to allocate more or less screen space to a control or set of controls. They come in horizontal and vertical flavors.

	==Spin Control==		==Spin Control==
	Spin controls (also called up/down arrows or left/right arrows) are double usage buttons that allow the user to 'page' through data or items. They are often used to allow the user to display subsequent pages of data when there is too much to display on one screen.		Spin controls (also called up/down arrows or left/right arrows) are double usage buttons that allow the user to 'page' through data or items. They are often used to allow the user to display subsequent pages of data when there is too much to display on one screen.

Dillon Sadofsky at 21:42, 26 February 2009

2009-02-26T21:42:58Z

← Older revision		Revision as of 16:42, 26 February 2009
Line 29:		Line 29:

	==Combo Box==		==Combo Box==
	[[Image:Combo_Box.PNG\|border\|~~left~~\|An example of a combo box]]		[[Image:Combo_Box.PNG\|border\|right\|An example of a combo box]]
	Combo boxes (also commonly referred to as dropdowns or dropdown boxes) are a type of control that presents the user with a discrete set of choices that they can choose from. Once a combo box is selected (by clicking on it or navigating with tab/arrow keys), the user can use the up/down arrows to choose the previous/next options in the combo, click on the black down arrow to see a list of all options, or type in the option they want. This third option to type in something not currently in the combo is only available in some combo boxes. A quick way to find the option you want is to hit the dropdown button and begin typing the option you want to choose, then hit enter to finalize the choice.		Combo boxes (also commonly referred to as dropdowns or dropdown boxes) are a type of control that presents the user with a discrete set of choices that they can choose from. Once a combo box is selected (by clicking on it or navigating with tab/arrow keys), the user can use the up/down arrows to choose the previous/next options in the combo, click on the black down arrow to see a list of all options, or type in the option they want. This third option to type in something not currently in the combo is only available in some combo boxes. A quick way to find the option you want is to hit the dropdown button and begin typing the option you want to choose, then hit enter to finalize the choice.

	==Check Box==		==Check Box==
	[[Image:Check_Boxes.PNG\|border\|~~left~~\|An example of some check boxes]]		[[Image:Check_Boxes.PNG\|border\|right\|An example of some check boxes]]
	Check boxes are simply controls with 2 states: checked, and unchecked. They are normally accompanied by a label lending context to the choice. If a character is underlined in the label, hitting 'alt + that letter' will check/uncheck the checkbox (similar to using hotkeys on [[#Button\|buttons]]). Check boxes can be interacted with and toggled in many the same ways as buttons.		Check boxes are simply controls with 2 states: checked, and unchecked. They are normally accompanied by a label lending context to the choice. If a character is underlined in the label, hitting 'alt + that letter' will check/uncheck the checkbox (similar to using hotkeys on [[#Button\|buttons]]). Check boxes can be interacted with and toggled in many the same ways as buttons.

	==Radio Button==		==Radio Button==
	[[Image:Radio_Buttons.PNG\|~~thumb~~\|right\|An example of a group of radio buttons]]		[[Image:Radio_Buttons.PNG\|border\|right\|An example of a group of radio buttons]]
	Radio buttons (sometimes referred to as just 'radios') are similar to check boxes, except that they come in groups. Groups of radios are designed to give the user a choice between several different options or modes that can be toggled between. If one radio in the group is activated/checked (using the same methods, all other radios are automatically de-activated/unchecked.		Radio buttons (sometimes referred to as just 'radios') are similar to check boxes, except that they come in groups. Groups of radios are designed to give the user a choice between several different options or modes that can be toggled between. If one radio in the group is activated/checked (using the same methods, all other radios are automatically de-activated/unchecked.

Dillon Sadofsky at 21:42, 26 February 2009

2009-02-26T21:42:06Z

← Older revision		Revision as of 16:42, 26 February 2009
Line 37:		Line 37:

	==Radio Button==		==Radio Button==
			[[Image:Radio_Buttons.PNG\|thumb\|right\|An example of a group of radio buttons]]
	Radio buttons (sometimes referred to as just 'radios') are similar to check boxes, except that they come in groups. Groups of radios are designed to give the user a choice between several different options or modes that can be toggled between. If one radio in the group is activated/checked (using the same methods, all other radios are automatically de-activated/unchecked.		Radio buttons (sometimes referred to as just 'radios') are similar to check boxes, except that they come in groups. Groups of radios are designed to give the user a choice between several different options or modes that can be toggled between. If one radio in the group is activated/checked (using the same methods, all other radios are automatically de-activated/unchecked.