Multiple Forms - Revision history

Ghenne at 21:03, 17 March 2019

2019-03-17T21:03:55Z

← Older revision		Revision as of 21:03, 17 March 2019
Line 1:		Line 1:
	== Purpose ==		== Purpose ==

	The purpose of this tutorial is to help learn a few more ~~NS Basic/App Studio~~ programming techniques. You should complete Tutorial #1 before beginning this tutorial. In this tutorial, the techniques of using multiple forms and Select controls will be covered.		The purpose of this tutorial is to help learn a few more AppStudio programming techniques. You should complete Tutorial #1 before beginning this tutorial. In this tutorial, the techniques of using multiple forms and Select controls will be covered.

	=== Description of the Program ===		=== Description of the Program ===

Debinbrier: /* Create Objects for Form 1 */

2016-12-02T20:33:21Z

Create Objects for Form 1

← Older revision		Revision as of 20:33, 2 December 2016
Line 20:		Line 20:
	=== Create Objects for Form 1 ===		=== Create Objects for Form 1 ===

	# Add a Title Bar (HeaderBar) for form1. In the properties window, set the leftButtonPos to "none", the leftButtonName to blank and change rightButtonName to "Next". Change the title to "Page 1" and put Form2 in changeform.		# Add a Title Bar (HeaderBar located under Jquery Mobile) for form1. In the properties window, set the leftButtonPos to "none", the leftButtonName to blank and change rightButtonName to "Next". Change the title to "Page 1" and put Form2 in changeform.
	# Drag a label to the desired location and make it wider.		# Drag a label to the desired location and make it wider.
	# Set its textContent in the Properties window to "Please Enter Your Name".		# Set its textContent in the Properties window to "Please Enter Your Name".

Debinbrier: Corrections to code for version 6.0.3

2016-11-22T15:55:05Z

Corrections to code for version 6.0.3

← Older revision		Revision as of 15:55, 22 November 2016
Line 20:		Line 20:
	=== Create Objects for Form 1 ===		=== Create Objects for Form 1 ===

	# Add a Title Bar for form1. In the properties window, set the ~~leftButtonStyle~~ to "~~blank~~", the ~~leftButtonIconTo false~~ and change rightButtonName to "Next". Change the title to "Page 1" and put Form2 in changeform.		# Add a Title Bar (HeaderBar) for form1. In the properties window, set the leftButtonPos to "none", the leftButtonName to blank and change rightButtonName to "Next". Change the title to "Page 1" and put Form2 in changeform.
	# Drag a label to the desired location and make it wider.		# Drag a label to the desired location and make it wider.
	# Set its textContent in the Properties window to "Please Enter Your Name".		# Set its textContent in the Properties window to "Please Enter Your Name".
Line 38:		Line 38:
	=== Create Objects for Form 2 ===		=== Create Objects for Form 2 ===

	# Add a Title Bar for form2. In the Properties Window set the ~~rightButtonStyle~~ to "~~blank~~", the ~~rightButtonIcon~~ to ~~false~~ and change leftButtonName to "Prev". Set the Title to Page 2. Set leftChangeForm to Form1.		# Add a Title Bar (HeaderBar) for form2. In the Properties Window set the rightButtonIconPos to "none", the rightButtonName to blank and change leftButtonName to "Prev". Set the Title to Page 2. Set leftChangeForm to Form1.
	# Add 3 labels, drag into position and resize.		# Add 3 labels, drag into position and resize.
	# In the properties for each label change the Text property to "Welcome", "Your Birthday is" and "Your Birthday is on".		# In the properties for each label change the Text property to "Welcome", "Your Birthday is" and "Your Birthday is on".
Line 59:		Line 59:
	<pre>		<pre>
	' Form1 Code		' Form1 Code
	Dim ~~name,~~ birthday, dayofweek		Dim birthday, dayofweek
	Dim a,b,c		Dim a,b,c

Line 81:		Line 81:
	<pre>		<pre>
	' Check to see if Select has recieved an input		' Check to see if Select has recieved an input
	' combo box for month		' Select (combo box) for month
	Function Select1_onchange()		Function Select1_onchange()
	a=Select1.selectedItem()		a=Select1.selectedItem()
Line 88:		Line 88:

	Function Select2_onchange()		Function Select2_onchange()
			' Select (combo box) for day
	b=Select2.selectedItem()		b=Select2.selectedItem()
	' MsgBox "selectedIndex is " & b.selectedIndex & " with value " & b~~.value~~		'MsgBox "selectedIndex is " & Select2.selectedIndex() & " with value " & b
	End Function		End Function

	Function Select3_onchange()		Function Select3_onchange()
			' Select (combo box) for year
	c=Select3.selectedItem()		c=Select3.selectedItem()
	'MsgBox "selectedIndex is " & c.selectedIndex & " with value " & c~~.value~~		'MsgBox "selectedIndex is " & Select3.selectedIndex() & " with value " & c
	End Function		End Function

	</pre>		</pre>
	The three above functions assign the selections from the ComboBoxes to three variables a, b and c.		The three above functions assign the selections from the ComboBoxes to three variables a, b and c.
Line 103:		Line 106:
	birthday = a & "/ " & b & "/ " & c		birthday = a & "/ " & b & "/ " & c
	'MsgBox "Birthday = " & birthday		'MsgBox "Birthday = " & birthday
	~~Text2~~.value = Text1.value		TextBox1.value = Text1.value
	~~Text3~~.value = birthday		TextBox2.value = birthday
	dayofweek = Weekday(birthday)		dayofweek = Weekday(birthday)
	'MsgBox "Day of Week = " & dayofweek		'MsgBox "Day of Week = " & dayofweek
	~~Text4~~.value = WeekdayName (dayofweek)		TextBox3.value = WeekdayName (dayofweek)
	ChangeForm(Form2)		ChangeForm(Form2)
	End Function		End Function

Ghenne at 22:05, 3 April 2014

2014-04-03T22:05:21Z

← Older revision		Revision as of 22:05, 3 April 2014
Line 1:		Line 1:
	== Purpose ==		== Purpose ==

	The purpose of this tutorial is to help learn a few more NS Basic/App Studio programming techniques. You should complete Tutorial #1 before beginning this tutorial. In this tutorial, the techniques of using multiple forms and ~~comboboxes~~ will be covered.		The purpose of this tutorial is to help learn a few more NS Basic/App Studio programming techniques. You should complete Tutorial #1 before beginning this tutorial. In this tutorial, the techniques of using multiple forms and Select controls will be covered.

	=== Description of the Program ===		=== Description of the Program ===
Line 78:		Line 78:
	</pre>		</pre>

	The 3 ~~ComboBox~~ loops above set up the Months 1 to 12, the Days 1 to 31 and the Years 1900 to 2010.		The 3 Select control loops above set up the Months 1 to 12, the Days 1 to 31 and the Years 1900 to 2010.
	<pre>		<pre>
	' Check to see if Select has recieved an input		' Check to see if Select has recieved an input

Ghenne: /* Program Development */

2014-04-03T19:05:26Z

Program Development

← Older revision		Revision as of 19:05, 3 April 2014
Line 11:		Line 11:
	=== Startup ===		=== Startup ===

	# Start ~~NS Basic/App Studio~~ from the Start menu.		# Start AppStudio from the Start menu.
	# At the initial screen select New Project dialog box, with the following settings:		# At the initial screen select New Project dialog box, with the following settings:
	~~# Framework should be iWebKit.~~
	# Form factor should be iPhone/iPad/Nexus.		# Form factor should be iPhone/iPad/Nexus.
	~~# Name is Project2.nsx.~~
	# Language is BASIC.		# Language is BASIC.

Ghenne: /* Run the program */

2014-04-03T18:55:55Z

Run the program

← Older revision		Revision as of 18:55, 3 April 2014
Line 130:		Line 130:
	If all goes well the forms should appear similar to those shown below.		If all goes well the forms should appear similar to those shown below.

	[[File:TT02.04.~~jpg~~]]<br>		[[File:TT02.04.png]]<br>

	=== Deploy the App ===		=== Deploy the App ===

Ghenne: /* Create Objects for Form 2 */

2014-04-03T18:51:58Z

Create Objects for Form 2

← Older revision		Revision as of 18:51, 3 April 2014
Line 44:		Line 44:
	# In the properties for each label change the Text property to "Welcome", "Your Birthday is" and "Your Birthday is on".		# In the properties for each label change the Text property to "Welcome", "Your Birthday is" and "Your Birthday is on".
	# Now add 3 Text boxes and drag into position.		# Now add 3 Text boxes and drag into position.
	# Lastly add a Button. Resize and change the value to read "Return to previous Page".		# Lastly add a Button. Resize and change the value to read "Return to previous Page". Set changeform to Form1.

	Form 2 should look like this:		Form 2 should look like this:

Ghenne: /* Add code to Form 2 */

2014-04-03T18:50:45Z

Add code to Form 2

@@ Line 120: / Line 120: @@
 * The internal WeekdayName function is called and the WeekDayName value is assisgned to Text4 which will appear on the form2.
 * Form1 is hidden and Form2 appears.
 === Save the project ===

Ghenne: /* Add code to Form 1 */

2014-04-03T18:50:17Z

Add code to Form 1

← Older revision		Revision as of 18:50, 3 April 2014
Line 120:		Line 120:
	* The internal WeekdayName function is called and the WeekDayName value is assisgned to Text4 which will appear on the form2.		* The internal WeekdayName function is called and the WeekDayName value is assisgned to Text4 which will appear on the form2.
	* Form1 is hidden and Form2 appears.		* Form1 is hidden and Form2 appears.
	~~<pre>~~
	~~Function TitleBar1_onclick(choice)~~
	~~If choice="Next" Then~~
	~~ChangeForm(Form2)~~
	~~End If~~
	~~End Function~~
	~~</pre>~~

	~~If "Next" is selected on the form1 TitleBar then form1 is hidden and form2 appears.~~

	=== Add code to Form 2 ===		=== Add code to Form 2 ===

Ghenne: /* Create Objects for Form 2 */

2014-04-03T18:49:48Z

Create Objects for Form 2

← Older revision		Revision as of 18:49, 3 April 2014
Line 40:		Line 40:
	=== Create Objects for Form 2 ===		=== Create Objects for Form 2 ===

	# Add a Title Bar for form2. In the ~~properties window~~ set the rightButtonStyle to "blank" and change leftButtonName to "Prev". Set the Title to Page 2.		# Add a Title Bar for form2. In the Properties Window set the rightButtonStyle to "blank", the rightButtonIcon to false and change leftButtonName to "Prev". Set the Title to Page 2. Set leftChangeForm to Form1.
	# Add 3 labels, drag into position and resize.		# Add 3 labels, drag into position and resize.
	# In the properties for each label change the Text property to "Welcome", "Your Birthday is" and "Your Birthday is on".		# In the properties for each label change the Text property to "Welcome", "Your Birthday is" and "Your Birthday is on".