Asp-Net Components : Wizard
- Wizard Demo (VB.net)
- asp:Wizard Demo (C#)
- Wizard by IE Controls Multipage (VB.net)
- Wizard: Using Panel Controls to Control Code Flow (VB.net)
Wizard Demo (VB.net)
<%@ Page Language="VB" %> <script runat="server"> Sub Wizard1_FinishButtonClick(ByVal sender As Object, ByVal e As WizardNavigationEventArgs) lblSSNResult.Text = txtSSN.Text lblPhoneResult.Text = txtPhone.Text End Sub </script> <html xmlns="http://www.w3.org/1999/xhtml" > <head id="Head1" runat="server"> <style type="text/css"> .wizard { border:solid 1px black; font:14px Verdana,Sans-Serif; width:400px; height:300px; } .header { color:gray; font:bold 18px Verdana,Sans-Serif; } .sideBar { background-color:#eeeeee; padding:10px; width:100px; } .sideBar a { text-decoration:none; } .step { padding:10px; } </style> <title>Show Wizard</title> </head> <body> <form id="form1" runat="server"> <div> <asp:Wizard id="Wizard1" HeaderText="Product Survey" OnFinishButtonClick="Wizard1_FinishButtonClick" CssClass="wizard" HeaderStyle-CssClass="header" SideBarStyle-CssClass="sideBar" StepStyle-CssClass="step" Runat="server"> <WizardSteps> <asp:WizardStep ID="WizardStep1" Title="Introduction"> Please complete our survey so that we can improve our products. </asp:WizardStep> <asp:WizardStep ID="WizardStep2" Title="Step 1"> <asp:Label id="lblSSN" Text="Social Security Number:" AssociatedControlID="txtSSN" Runat="server" /> <br /> <asp:TextBox id="txtSSN" Runat="server" /> </asp:WizardStep> <asp:WizardStep ID="WizardStep3" Title="Step 2" StepType="Finish"> <asp:Label id="lblPhone" Text="Phone Number:" AssociatedControlID="txtPhone" Runat="server" /> <br /> <asp:TextBox id="txtPhone" Runat="server" /> </asp:WizardStep> <asp:WizardStep ID="WizardStep4" Title="Summary" StepType="Complete"> <h1>Summary</h1> Social Security Number: <asp:Label id="lblSSNResult" Runat="server" /> <br /><br /> Phone Number: <asp:Label id="lblPhoneResult" Runat="server" /> </asp:WizardStep> </WizardSteps> </asp:Wizard> </div> </form> </body> </html>
asp:Wizard Demo (C#)
<%@ Page Language="C#" %> <script runat="server"> protected void Wizard1_FinishButtonClick(object sender, WizardNavigationEventArgs e) { lblSSNResult.Text = txtSSN.Text; lblPhoneResult.Text = txtPhone.Text; } </script> <html xmlns="http://www.w3.org/1999/xhtml" > <head id="Head1" runat="server"> <style type="text/css"> .wizard { border:solid 1px black; font:14px Verdana,Sans-Serif; width:400px; height:300px; } .header { color:gray; font:bold 18px Verdana,Sans-Serif; } .sideBar { background-color:#eeeeee; padding:10px; width:100px; } .sideBar a { text-decoration:none; } .step { padding:10px; } </style> <title>Show Wizard</title> </head> <body> <form id="form1" runat="server"> <div> <asp:Wizard id="Wizard1" HeaderText="Product Survey" OnFinishButtonClick="Wizard1_FinishButtonClick" CssClass="wizard" HeaderStyle-CssClass="header" SideBarStyle-CssClass="sideBar" StepStyle-CssClass="step" Runat="server"> <WizardSteps> <asp:WizardStep ID="WizardStep1" Title="Introduction"> Please complete our survey so that we can improve our products. </asp:WizardStep> <asp:WizardStep ID="WizardStep2" Title="Step 1"> <asp:Label id="lblSSN" Text="Social Security Number:" AssociatedControlID="txtSSN" Runat="server" /> <br /> <asp:TextBox id="txtSSN" Runat="server" /> </asp:WizardStep> <asp:WizardStep ID="WizardStep3" Title="Step 2" StepType="Finish"> <asp:Label id="lblPhone" Text="Phone Number:" AssociatedControlID="txtPhone" Runat="server" /> <br /> <asp:TextBox id="txtPhone" Runat="server" /> </asp:WizardStep> <asp:WizardStep ID="WizardStep4" Title="Summary" StepType="Complete"> <h1>Summary</h1> Social Security Number: <asp:Label id="lblSSNResult" Runat="server" /> <br /><br /> Phone Number: <asp:Label id="lblPhoneResult" Runat="server" /> </asp:WizardStep> </WizardSteps> </asp:Wizard> </div> </form> </body> </html>
Wizard by IE Controls Multipage (VB.net)
<%@ Page Language=VB Debug=true %> <%@ Import Namespace="Microsoft.Web.UI.WebControls" %> <%@ Register TagPrefix="IEControls" Namespace="Microsoft.Web.UI.WebControls" Assembly ="Microsoft.Web.UI.WebControls" %> <script runat=server> Sub Prev1_Click(Sender As Object, E As EventArgs) MyMultiPage.SelectedIndex = 2 End Sub Sub Next1_Click(Sender As Object, E As EventArgs) MyMultiPage.SelectedIndex = 1 End Sub Sub Prev2_Click(Sender As Object, E As EventArgs) MyMultiPage.SelectedIndex = 0 End Sub Sub Next2_Click(Sender As Object, E As EventArgs) MyMultiPage.SelectedIndex = 2 End Sub Sub Prev3_Click(Sender As Object, E As EventArgs) MyMultiPage.SelectedIndex = 1 End Sub Sub Next3_Click(Sender As Object, E As EventArgs) MyMultiPage.SelectedIndex = 0 End Sub </SCRIPT> <HTML> <HEAD> <TITLE>Using the MultiPage Control as an Interface for a Wizard</TITLE> </HEAD> <BODY LEFTMARGIN="40"> <form runat="server"> <IEControls:multipage id="MyMultiPage" runat="server" selectedindex=0 > <IEControls:PageView id="pv1" runat=server font-name="Arial" font-bold=True forecolor="yellow" backcolor="darkred" > Enter your name:<BR> <asp:textbox id="txtName" runat=server /> <BR> <asp:button id="butPrev1" text="Previous" onclick="Prev1_Click" runat="server" /> <asp:button id="butNext1" text="Next" onclick="Next1_Click" runat="server" /> </IEControls:PageView> <IEControls:PageView id="pv2" runat=server font-name="Arial" font-bold=True forecolor="darkred" backcolor="yellow" > Enter your email address:<BR> <asp:textbox id="txtEmail" runat=server /> <BR> <asp:button id="butPrev2" text="Previous" onclick="Prev2_Click" runat="server" /> <asp:button id="butNext2" text="Next" onclick="Next2_Click" runat="server" /> </IEControls:PageView> <IEControls:PageView id="pv3" runat=server font-name="Arial" font-bold=True forecolor="darkblue" backcolor="green" > Enter your password:<BR> <asp:textbox id="txtPassword" runat=server /> <BR> <asp:button id="butPrev3" text="Previous" onclick="Prev3_Click" runat="server" /> <asp:button id="butNext3" text="Next" onclick="Next3_Click" runat="server" /> </IEControls:PageView> </IEControls:multipage> </form> </BODY> </HTML>
Wizard: Using Panel Controls to Control Code Flow (VB.net)
<%@ Page Language=VB Debug=true %>
<script runat=server>
Sub PanelNameEmail_Click(Sender As Object, E As EventArgs)
PanelNameEmail.Visible = False
PanelPhoneNumbers.Visible = True
End Sub
Sub PanelPhoneNumbers_Click(Sender As Object, E As EventArgs)
lblSummary.Text = "Name: " & txtName.Text & "<BR>" _
& "Email: " & txtEmail.Text & "<BR>" _
& "Phone Number: " & txtPhoneNumber.Text & "<BR>" _
& "Fax Number: " & txtFaxNumber.Text & "<BR>"
PanelPhoneNumbers.Visible = False
PanelSummary.Visible = True
End Sub
Sub PanelSummary_Click(Sender As Object, E As EventArgs)
PanelSummary.Visible = False
PanelNameEmail.Visible = True
End Sub
</SCRIPT>
<HTML>
<HEAD>
<TITLE>Using Panel Controls to Control Code Flow</TITLE>
</HEAD>
<BODY LEFTMARGIN="40">
<form runat="server">
<asp:panel
id="PanelNameEmail"
runat="server"
visible="True"
>
Enter your name:<BR>
<asp:textbox
id="txtName"
runat=server
/>
<BR>
Enter your email address:<BR>
<asp:textbox
id="txtEmail"
runat=server
/>
<BR>
<asp:button
id="butNameEmail"
text="OK"
onclick="PanelNameEmail_Click"
runat="server"
/>
</asp:Panel>
<asp:panel
id="PanelPhoneNumbers"
runat="server"
visible="False"
>
Enter your Phone Number:<BR>
<asp:textbox
id="txtPhoneNumber"
runat=server
/>
<BR>
Enter your Fax Number:<BR>
<asp:textbox
id="txtFaxNumber"
runat=server
/>
<BR>
<asp:button
id="butPhoneNumbers"
text="OK"
onclick="PanelPhoneNumbers_Click"
runat="server"
/>
</asp:Panel>
<asp:panel
id="PanelSummary"
runat="server"
visible="False"
>
<asp:label
id="lblSummary"
runat=server
/>
<BR>
<asp:button
id="butSummary"
text="Change Values"
onclick="PanelSummary_Click"
runat="server"
/>
</asp:Panel>
</form>
</BODY>
</HTML>