Thursday, 30 May 2013

How to use server side Wizard Control using asp.net

How to use server side Wizard Control using asp.net



Step 1 : First create your website in asp.net and create one .aspx page .

Step2: Open .aspx page and add Wizard control.

<asp:Wizard ID="Wizard1" runat="server" ActiveStepIndex="1" Height="174px" Width="283px">
            <WizardSteps>
                <asp:WizardStep ID="WizardStep1" runat="server" Title="Step 1">
                </asp:WizardStep>
                <asp:WizardStep ID="WizardStep2" runat="server" Title="Step 2">
                                   </asp:WizardStep>
            </WizardSteps>
        </asp:Wizard>




Step 3 : Add content to wizard step by adding any control to that block.

<asp:Wizard ID="Wizard1" runat="server" ActiveStepIndex="1" Height="174px" Width="283px">
            <WizardSteps>
                <asp:WizardStep ID="WizardStep1" runat="server" Title="Step 1">
                    <asp:Label ID="Label1" runat="server" Text="Wizard Step 1"></asp:Label>
                </asp:WizardStep>
                <asp:WizardStep ID="WizardStep2" runat="server" Title="Step 2">
                    <asp:Label ID="Label2" runat="server" Text="Wizrad Step 2"></asp:Label>
                </asp:WizardStep>
            </WizardSteps>
 </asp:Wizard>
                      



Step 4: Just run your page and try to check your code.

//-----------------------  Page Design Code -----------------

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="WizardControl.aspx.cs" Inherits="WizardControl" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Wizard ID="Wizard1" runat="server" ActiveStepIndex="1" Height="174px" Width="283px">
            <WizardSteps>
                <asp:WizardStep ID="WizardStep1" runat="server" Title="Step 1">
                    <asp:Label ID="Label1" runat="server" Text="Wizard Step 1"></asp:Label>
                </asp:WizardStep>
                <asp:WizardStep ID="WizardStep2" runat="server" Title="Step 2">
                    <asp:Label ID="Label2" runat="server" Text="Wizrad Step 2"></asp:Label>
                </asp:WizardStep>
            </WizardSteps>
        </asp:Wizard>
    </div>
    </form>
</body>
</html>


 


No comments:

Post a Comment

Thank you for your interest .