A Demo of the Wizard Control in ASP.NET 2.0 - A Basic Demo
(Page 3 of 6 )
The basic operation of the wizard presented in this demonstration tutorial consists of three steps. In Step 1, the Wizard collects the user's first name and last name. In Step 2 the wizard collects a date (perhaps the last visited date). In Step 3, it guides you to the finish, and displays a Welcome message when you hit the Finish button. This trivial example shows how this is accomplished with the Wizard Control.
The Design Features of the First Step
In the first step, called Add Name, the Wizard collects the first and last names. Hence to the view area we have added the required controls, two text boxes and their related labels. We have also added a "Header Text." Using Auto Format a style has been chosen as well. This is shown in the next picture. The controls in this step are Textbox1, Textbox2, Label3, and Label4.

Design Features of Step Two
In the second step, called Add Date, you have a calendar control and a text box. Additionally a label control showing what needs to be done on this page has been added. The UI of this page is as shown in the next picture. The controls in this step are Label5, Calendar1 and Textbox4. When you click on the calendar the date clicked is shown in the textbox.

Design Features of Step Three
In this third step there are two labels and a textbox as shown. The controls in this step are Label1, Textbox3, and Label2. The UI is as shown in the next picture. One of the labels is hard-coded.

Next: Writing Code for the Steps >>
More ASP.NET Articles
More By Jayaram Krishnaswamy