A Field Guide to App Studio Controls - Revision history

Ghenne: Replaced content with "See List of all Controls"

2019-03-09T21:22:16Z

Replaced content with "See List of all Controls"

C185driver at 22:57, 22 January 2016

2016-01-22T22:57:33Z

← Older revision		Revision as of 22:57, 22 January 2016
Line 218:		Line 218:
	[[file:Dateios.png\|thumb\|200px\|Date on iOS]]		[[file:Dateios.png\|thumb\|200px\|Date on iOS]]
	[[file:Timeios.png\|thumb\|200px\|Time on iOS]]		[[file:Timeios.png\|thumb\|200px\|Time on iOS]]
	[[File:~~DateAndroid~~.png\|thumb\|200px\|Date control on Android Chrome]]		[[File:DateAndroidMM.png\|thumb\|200px\|Date control on Android Chrome]]

	== Date ==		== Date ==

Ghenne: /* Date and Time Controls */

2015-04-12T19:55:39Z

Date and Time Controls

← Older revision		Revision as of 19:55, 12 April 2015
Line 215:		Line 215:
	= Date and Time Controls =		= Date and Time Controls =

	~~== Date ==~~

	[[file:Dateios.png\|thumb\|200px\|Date on iOS]]		[[file:Dateios.png\|thumb\|200px\|Date on iOS]]
Line 221:		Line 220:
	[[File:DateAndroid.png\|thumb\|200px\|Date control on Android Chrome]]		[[File:DateAndroid.png\|thumb\|200px\|Date control on Android Chrome]]

	The [[Date]] control allow you to enter dates. ~~(iOS 5+)~~		== Date ==

			The [[Date]] control allow you to enter dates.
			<br>
			<br>
			<br>
			<br>

	== DateTime ==		== DateTime ==

	The [[Datetime]] control allow you to enter dates and times. ~~(iOS 5+)~~		The [[Datetime]] control allow you to enter dates and times.
			<br>
			<br>
			<br>
			<br>

	== Month ==		== Month ==
			<br>
			<br>
			<br>
			<br>

	The [[Month]] control allow you to enter a month and year. ~~(iOS 5+)~~		The [[Month]] control allow you to enter a month and year.

	== Time ==		== Time ==

	[The [[Time]] control allow you to enter a time. ~~(iOS 5+)~~		[The [[Time]] control allow you to enter a time.
			<br>
			<br>
			<br>
			<br>

Ghenne: /* Date and Time Controls */

2015-04-12T19:54:38Z

Date and Time Controls

← Older revision		Revision as of 19:54, 12 April 2015
Line 217:		Line 217:
	== Date ==		== Date ==

	[[file:Dateios.png]]		[[file:Dateios.png\|thumb\|200px\|Date on iOS]]
	[[File:DateAndroid.png]]		[[file:Timeios.png\|thumb\|200px\|Time on iOS]]
			[[File:DateAndroid.png\|thumb\|200px\|Date control on Android Chrome]]

	The [[Date]] control allow you to enter dates. (iOS 5+)		The [[Date]] control allow you to enter dates. (iOS 5+)
Line 224:		Line 225:
	== DateTime ==		== DateTime ==

	~~[[File:datetime.jpg]]<br>~~
	The [[Datetime]] control allow you to enter dates and times. (iOS 5+)		The [[Datetime]] control allow you to enter dates and times. (iOS 5+)

	== Month ==		== Month ==

	~~[[File:month.jpg]]<br>~~
	The [[Month]] control allow you to enter a month and year. (iOS 5+)		The [[Month]] control allow you to enter a month and year. (iOS 5+)

	== Time ==		== Time ==

	[~~[file:Timeios.png]]~~		[The [[Time]] control allow you to enter a time. (iOS 5+)
	The [[Time]] control allow you to enter a time. (iOS 5+)

Ghenne: /* Date and Time Controls */

2015-04-12T19:53:45Z

Date and Time Controls

← Older revision		Revision as of 19:53, 12 April 2015
Line 217:		Line 217:
	== Date ==		== Date ==

	[[File:~~date~~.~~jpg~~]]~~<br>~~		[[file:Dateios.png]]
			[[File:DateAndroid.png]]

	The [[Date]] control allow you to enter dates. (iOS 5+)		The [[Date]] control allow you to enter dates. (iOS 5+)

Line 232:		Line 234:
	== Time ==		== Time ==

	[[~~File~~:~~time~~.~~jpg~~]]~~<br>~~		[[file:Timeios.png]]
	The [[Time]] control allow you to enter a time. (iOS 5+)		The [[Time]] control allow you to enter a time. (iOS 5+)

Ghenne at 19:50, 12 April 2015

2015-04-12T19:50:40Z

← Older revision		Revision as of 19:50, 12 April 2015
Line 5:		Line 5:
	The appearance of these controls will differ based on the device they are running on, based on factors such as screen size, default UI specifications and operating system.		The appearance of these controls will differ based on the device they are running on, based on factors such as screen size, default UI specifications and operating system.

	AppStudio supports multiple frameworks: jQuery Mobile~~, iWebKit~~ and jqWidgets. A framework is a set of controls which share underlying formatting structures.		AppStudio supports multiple frameworks: jQuery Mobile and jqWidgets. A framework is a set of controls which share underlying formatting structures.

	Each framework has its own features and advantages. If all your controls are from the same framework, your app size will be minimized and will have the most consistant look and feel.		Each framework has its own features and advantages. If all your controls are from the same framework, your app size will be minimized and will have the most consistant look and feel.

Ghenne at 19:50, 12 April 2015

2015-04-12T19:50:27Z

← Older revision		Revision as of 19:50, 12 April 2015
Line 11:		Line 11:
	* [http://www.jquerymobile.com jQuery Mobile] provides a set of attractive and powerful controls. They are not small, but run on a wide variety of platforms. It is open source and being very actively developed.		* [http://www.jquerymobile.com jQuery Mobile] provides a set of attractive and powerful controls. They are not small, but run on a wide variety of platforms. It is open source and being very actively developed.
	* The [http://www.jqWidgets.com jqWidgets] controls are a set of advanced controls that provide some amazing functionality. Full details can be found at [http://www.jqwidgets.com jqWidget's website]. The controls are free for non commercial use, $99 otherwise.		* The [http://www.jqWidgets.com jqWidgets] controls are a set of advanced controls that provide some amazing functionality. Full details can be found at [http://www.jqwidgets.com jqWidget's website]. The controls are free for non commercial use, $99 otherwise.
	* [http://snippetspace.com/portfolio/iwebkit/ iWebKit] is deprecated. They are no longer being maintained by their developer.

Ghenne: /* iWebKit Controls (deprecated) */

2015-04-12T19:50:07Z

iWebKit Controls (deprecated)

← Older revision		Revision as of 19:50, 12 April 2015
Line 235:		Line 235:
	[[File:time.jpg]]<br>		[[File:time.jpg]]<br>
	The [[Time]] control allow you to enter a time. (iOS 5+)		The [[Time]] control allow you to enter a time. (iOS 5+)

	~~= iWebKit Controls (deprecated) =~~

	~~iWebKit has been deprecated. Support will be removed from AppStudio in an upcoming release.~~
	~~== Button ==~~

	~~[[File:Button.jpg]]<br><br />~~

	~~The [[Button]] control is used to cause an action in your program.~~

	~~== ButtonBar ==~~

	~~[[File:buttonbar.jpg]]<br>~~

	The [[ButtonBar]] control lets you arrange two or three buttons, either as a titlebar or lower down on the form. This are usually used for apps with multiple forms to switch between. Each form will have a buttonbar control on it, with a different button highlighted.

	~~== Checkbox ==~~

	~~[[File:Checkbox.jpg]]<br>~~
	~~A [[Checkbox]] control is used to select a true or false value. It can have one or more items.~~

	~~== ComboBox ==~~

	~~[[File:ComboBox.jpg]]<br>~~
	~~Use the [[ComboBox]] to select a value from a list. The list is populated at runtime.~~

	~~== Menu ==~~

	~~[[File:Menu.jpg]]<br>~~
	~~The [[Menu]] control give you a list of buttons to control actions. There can be one or more of them.~~

	~~== MenuNumberTitleDescArrow ==~~

	~~[[File:menuNumberTitleDescArrow.jpg]]<br>~~
	~~The [[MenuNumberTitleDescArrow]] control shows a number (or word), title, optional description and an arrow. There can be one or more of them.~~

	~~== MenuNumberTitleTime ==~~

	~~[[File:menuNumberTitleTime.jpg]]<br>~~
	~~The [[MenuNumberTitleTime]] control shows a number (or word), title and optional time. There can be one or more of them.~~

	~~== MenuTextBlock ==~~

	~~[[File:menuTextBlock.jpg]]<br>~~
	~~The [[MenuTextBlock]] control shows blocks of text and an arrow. There can be one or more of them.~~

	~~== MultiInput ==~~

	~~[[File:Multiinput.jpg]]<br>~~
	MultiInput allows you to have one or more input fields in a column. For each row, you can specify a placeholder, a default value and an input type (text, number, etc). It also has the option of putting a title in each input box.

	~~== NSB.ShowProgress ==~~

	~~[[File:showprogress.png]]~~
	~~[[NSB.ShowProgress]] lets you put a temporary message on the screen. It can be dismissed by the user or by the app at any time.~~

	~~== Slider ==~~

	~~[[File:slider1.jpg]]<br>~~
	~~[[File:slider2.jpg]]<br>~~
	~~The [[Slider]] control allows you to have an input slider. (iOS 5++).~~

	~~== RadioButton ==~~

	~~[[File:RadioButton.jpg]]<br>~~
	~~The [[RadioButton]] presents a list of choices which are mutually exclusive. Selecting one deselects any others. (This control replaced OptionButton.)~~

	~~== TextArea ==~~

	~~[[File:Textarea.jpg]]<br>~~
	~~[[TextArea]] is a multiline input area. You can also specify autocapitalize, autocomplete and autocorrect.~~

	~~== TextBox ==~~

	~~[[File:Textbox.jpg]]<br>~~
	[[TextBox]] is a single line input area. You can specify the type of input that is allowed: email, number, password,search, tel, text or url. Depending on the device you are running on, the appearance and pop up keyboard will be customized for the input type. You can also specify autocapitalize, autocomplete and autocorrect.

	~~== TitleBar ==~~

	~~[[File:TitleBar1.jpg]]<br>~~
	~~[[File:TitleBar2.jpg]]<br>~~

	The [[TitleBar]] control sets the top bar on the screen. It has optional buttons on each side: either navigation style (arrow shaped) or plain. The buttons can have the default color or be blue. There are also a number of graphics that are substituted for specific button names.

Ghenne: /* InputBox and NSB.InputBox */

2015-04-12T19:49:07Z

InputBox and NSB.InputBox

← Older revision		Revision as of 19:49, 12 April 2015
Line 40:		Line 40:
	== InputBox and NSB.InputBox ==		== InputBox and NSB.InputBox ==

	[[File:~~Inputbox~~.~~jpg~~]]~~<br>~~		[[File:NsbInputBoxAndroid.png]]
	~~[[File:nsbinputbox.jpg]]<br>~~
	The [[InputBox]] brings up a one line modal input field. Use NSB.InputBox if you want to specify your own title. Both "Message area" and "Default text" can be set at runtime.		The [[InputBox]] brings up a one line modal input field. Use NSB.InputBox if you want to specify your own title. Both "Message area" and "Default text" can be set at runtime.

Ghenne: /* MsgBox and NSB.MsgBox */

2015-04-12T19:47:45Z

MsgBox and NSB.MsgBox

← Older revision		Revision as of 19:47, 12 April 2015
Line 47:		Line 47:

	[[File:NsbMsgBox1android.png]]		[[File:NsbMsgBox1android.png]]
	[[File:NsbMsgBox2android.png\|]		[[File:NsbMsgBox2android.png]]
	[[File:NsbMsgBox3android.png]]		[[File:NsbMsgBox3android.png]]