Namespace: System.Web.UI.WebControls
Assembly: System.Web (in system.web.dll)

The ASP.NET Wizard control provides the user with a step by step environment for collecting user data. The control is rendered using various HTML elements depending on the controls used within the Wizard control itself.

Working example.

One

Two

Finish

Complete

Wizard Example

Welcome to the Wizard example.

Please enter the information asked.

This is a demonstration.

Creating the ASP.NET Wizard control.
From the above example.

<asp:Wizard ID="Wizard1" runat="server" BackColor="#E6E2D8" Font-Names="Verdana" Font-Size="0.8em" BorderWidth="1px" BorderColor="#999999" Style="font-size: medium; font-family: Verdana;" ActiveStepIndex="0" BorderStyle="Solid" Height="150px" Width="300px">
<StepStyle BackColor="#F7F6F3" BorderColor="#E6E2D8" BorderStyle="Solid" BorderWidth="2px" />
<WizardSteps>
<asp:WizardStep ID="Step1" Title="One" AllowReturn="False" runat="server"> Welcome to the Wizard example.<br /> <br /> <br /> <br /> Please enter the information asked.<br /> <br /> This is a demonstration.<br /> </asp:WizardStep>
<asp:WizardStep ID="Step2" Title="Two" runat="server">
 Please enter your information. <br /> Name:<br />
<asp:TextBox runat="server" ID="BillingName" Width="226px" Height="17px" /> <br /> Email Address:<br />
<asp:TextBox runat="server" ID="EmailAddress" Width="224px" Height="17px" />  <br /> </asp:WizardStep>
<asp:WizardStep ID="Finish" Title="Finish" runat="server">   Click Finish to complete this data entry.
</asp:WizardStep>
<asp:WizardStep runat="server" StepType="Complete" Title="Complete" ID="Complete">
<asp:Label runat="server" ID="CompleteMessageLabel" Width="408px" Height="24px">The information you entered is correct.</asp:Label>
</asp:WizardStep>
</WizardSteps>
<NavigationButtonStyle ForeColor="#1C5E55" Font-Names="Verdana" Font-Size="0.8em" BorderStyle="Solid" BorderWidth="1px" BorderColor="#C5BBAF" BackColor="White" />
<HeaderStyle ForeColor="White" HorizontalAlign="Center" Font-Size="0.9em" Font-Bold="True" BackColor="#666666" BorderStyle="Solid" BorderColor="#E6E2D8" BorderWidth="2px" />
<SideBarStyle VerticalAlign="Top" HorizontalAlign="Center" Font-Size="0.9em" ForeColor="#000099" BackColor="#1C5E55" Width="45px" />
<HeaderTemplate> <b>Wizard Example</b>
</HeaderTemplate>
<SideBarTemplate>
<asp:DataList ID="SideBarList" runat="server">
<ItemTemplate>
<asp:LinkButton ID="SideBarButton" runat="server" ForeColor="White">
</asp:LinkButton>
</ItemTemplate>
<SelectedItemStyle Font-Bold="True" />
</asp:DataList>
</SideBarTemplate>
<SideBarButtonStyle ForeColor="White" />
</asp:Wizard>

The above example will be rendered as HTML with the result below (source).

<table cellspacing="0" cellpadding="0" border="0" id="ctl00_ContentPlaceHolder1_Wizard1" style="background-color:#E6E2D8;border-color:#999999;border-width:1px;border-style:Solid;font-family:Verdana;font-size:0.8em;height:150px;width:300px;border-collapse:collapse;font-size: medium;
            font-family: Verdana;">
<tr>
  <td align="center" valign="top" style="color:#000099;background-color:#1C5E55;font-size:0.9em;height:100%;width:45px;"><a href="#ctl00_ContentPlaceHolder1_Wizard1_SkipLink"><img alt="Skip Navigation Links." height="0" width="0" src="/SpeakComputers/WebResource.axd?d=v9EqPP6BkSGknEOvANMcsQ2&t=633351328195084287" style="border-width:0px;" /></a>
                <table id="ctl00_ContentPlaceHolder1_Wizard1_SideBarContainer_SideBarList" cellspacing="0" border="0" style="border-collapse:collapse;">
   <tr>
    <td style="font-weight:bold;">
                        <a id="ctl00_ContentPlaceHolder1_Wizard1_SideBarContainer_SideBarList_ctl00_SideBarButton" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$Wizard1$SideBarContainer$SideBarList$ctl00$SideBarButton','')" style="color:White;">One</a>
                    </td>
   </tr><tr>
    <td>
                        <a id="ctl00_ContentPlaceHolder1_Wizard1_SideBarContainer_SideBarList_ctl01_SideBarButton" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$Wizard1$SideBarContainer$SideBarList$ctl01$SideBarButton','')" style="color:White;">Two</a>
                    </td>
   </tr><tr>
    <td>
                        <a id="ctl00_ContentPlaceHolder1_Wizard1_SideBarContainer_SideBarList_ctl02_SideBarButton" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$Wizard1$SideBarContainer$SideBarList$ctl02$SideBarButton','')" style="color:White;">Finish</a>
                    </td>
   </tr><tr>
    <td>
                        <a id="ctl00_ContentPlaceHolder1_Wizard1_SideBarContainer_SideBarList_ctl03_SideBarButton" disabled="disabled" style="color:White;">Complete</a>
                    </td>
   </tr>
  </table>
            <a id="ctl00_ContentPlaceHolder1_Wizard1_SkipLink"></a></td><td style="height:100%;"><table cellspacing="0" cellpadding="0" border="0" style="height:100%;width:100%;border-collapse:collapse;">
   <tr>
    <td align="center" style="color:White;background-color:#666666;border-color:#E6E2D8;border-width:2px;border-style:Solid;font-size:0.9em;font-weight:bold;">
                <b>Wizard Example</b>
            </td>
   </tr><tr style="height:100%;">
    <td style="background-color:#F7F6F3;border-color:#E6E2D8;border-width:2px;border-style:Solid;">
                    Welcome to the Wizard example.<br />
                    <br />
                    <br />
                    <br />
                    Please enter the information asked.<br />
                    <br />
                    This is a demonstration.<br />
                </td>
   </tr><tr>
    <td align="right"><table cellspacing="5" cellpadding="5" border="0">
     <tr>
      <td align="right"><input type="submit" name="ctl00$ContentPlaceHolder1$Wizard1$StartNavigationTemplateContainerID$StartNextButton" value="Next" id="ctl00_ContentPlaceHolder1_Wizard1_StartNavigationTemplateContainerID_StartNextButton" style="color:#1C5E55;background-color:White;border-color:#C5BBAF;border-width:1px;border-style:Solid;font-family:Verdana;font-size:0.8em;" /></td>
     </tr>
    </table></td>
   </tr>
  </table></td>
</tr>
</table>

ASP.NET WizardStep User interface included with Microsoft Visual Studio.

ASP.NET WizardStep User interface included with Microsoft Visual Studio.

Computer Security
AntiVirus Software
Internet Security
Parental Controls
Backup & Recovery
Computer Protection
Anti Malware

Photo & Video
Photo & Video Editing
Video Music
Desktop Publishing
Professional Design
Home Publishing
Clipart

Business & Accounting
Accounting
Payroll
Check Printing
TAX
H&R Block
Microsoft Office

Design
Graphic Design
Home Design
Garden Design
Interior Design
Computer Aided Design
3D Design

Students & Teacher
Adobe
Microsoft Office
Dragon Naturally Speaking
Corel Draw
Serif
Student/Teacher Software