Changes between Version 1 and Version 2 of CreateaSimpleUserInterface

Timestamp:

2009-08-18 11:24:09 (15 years ago)

Author:

shermanl

Comment:

--

CreateaSimpleUserInterface

@@ -2 +2 @@
 This article will teach you how to create a Button, Label and a Textbox control.
 
- 1. On the File menu, choose New Project.
+ 1. On the File menu, choose New Project. [[br]]
+  [[Image(1- FileNewProject (Custom).jpg)]]
 
+ 2. In the New Project dialog box, in the Templates pane, click Windows Application. [[br]]
 
- 2. In the New Project dialog box, in the Templates pane, click Windows Application.
+ 3. In the Name box, type !TextBoxExample, and then click OK.
+
+      A new Windows Forms project opens. [[br]]
+  [[Image(2 - Windows Application (Custom).jpg)]]
+
 
       
 
- 3. In the Name box, type !TextBoxExample, and then click OK.
+ 4. From the Toolbox, drag a !TextBox, Label, and Button control onto the form. [[br]]
+  [[Image(4 - Add Controls (Custom).jpg)]]
 
-      A new Windows Forms project opens.
 
       
 
- 4. From the Toolbox, drag a !TextBox, Label, and Button control onto the form.
+ 5. Select the Label control and drag it above the !TextBox control [[br]]
+  [[Image(5 - Align Controls (Custom).jpg)]]
 
-      
-
- 5. Select the Label control and drag it above the !TextBox control
 
       
@@ -25 +29 @@
  6. In the Properties window, change the Text property of the Label control to the following code.
 
-      Enter your name and click the button.
+      Enter your name and click the button. [[br]]
+  [[Image(6 - Change Label Text (Custom).jpg)]]
+
 
       
@@ -36 +42 @@
 
  1. Double-click the Button control to open the Code Editor.
-
-      
-
-      The Code Editor opens the Button1_Click event handler.
+      The Code Editor opens the Button1_Click event handler. [[br]]
+  [[Image(2.1 - DoubleClick Button (Custom).jpg)]]
+[[br]]
+  [[Image(2.1a - Double Click Button (Custom).jpg)]]
 
       
@@ -48 +54 @@
 {{{
 MsgBox("Your Name is " & Textbox1.Text)
-}}}
+}}} 
+[[br]]
+  [[Image(2.2 - Add Message (Custom).jpg)]]
+
 
 
       
 
- 3. Press F5 to run your program.
+ 3. Press F5 to run your program. [[br]]
+  [[Image(2.3 - Press F5 (Custom).jpg)]]
+
 
       
 
- 4. When the form appears, type your name in the !TextBox control and click the button. A message box appears, displaying the text in the !TextBox control. Change the text and click the button again. Each time you click the button, the updated text is displayed.
+ 4. When the form appears, type your name in the !TextBox control and click the button. A message box appears, displaying the text in the !TextBox control. Change the text and click the button again. Each time you click the button, the updated text is displayed. [[br]]
+  [[Image(2 (Custom).jpg)]]
+