Hi nid@patel,
Refer below sample.
HTML
<div class="container">
<table>
<tr>
<td class="auto-style1">
<asp:Wizard ID="Wizard1" runat="server" DisplaySideBar="False" ActiveStepIndex="0"
Height="79px">
<WizardSteps>
<asp:WizardStep ID="WizardStep1" runat="server" Title="Step 1">
<asp:Label Text="Test1" runat="server" />
</asp:WizardStep>
<asp:WizardStep ID="WizardStep2" runat="server" Title="Step 2">
<asp:Label ID="Label1" Text="Test2" runat="server" />
</asp:WizardStep>
<asp:WizardStep ID="WizardStep3" runat="server" Title="Step 3">
<asp:Label ID="Label2" Text="Test3" runat="server" />
</asp:WizardStep>
<asp:WizardStep ID="WizardStep4" runat="server" Title="Step 4">
<asp:Label ID="Label3" Text="Test4" runat="server" />
</asp:WizardStep>
<asp:WizardStep ID="WizardStep5" runat="server" Title="Step 5">
<asp:Label ID="Label4" Text="Test5" runat="server" />
</asp:WizardStep>
<asp:WizardStep ID="WizardStep6" runat="server" Title="Step 6">
<div>
<button id="printpagebutton" onclick="myFunction()">
Print this page</button>
</div>
</asp:WizardStep>
</WizardSteps>
<HeaderTemplate>
<ul id="wizHeader">
<asp:Repeater ID="SideBarList" runat="server">
<ItemTemplate>
<li><a class="<%# GetClassForWizardStep(Container.DataItem) %>" title="<%#Eval("Name")%>">
<%# Eval("Name")%></a> </li>
</ItemTemplate>
</asp:Repeater>
</ul>
</HeaderTemplate>
</asp:Wizard>
</td>
</tr>
</table>
</div>
Code
C#
protected void Page_Load(object sender, EventArgs e)
{
Wizard1.PreRender += new EventHandler(Wizard1_PreRender);
}
private void Wizard1_PreRender(object sender, EventArgs e)
{
if (Wizard1.ActiveStepIndex > 4)
{
Wizard1.FindControl("HeaderContainer").Visible = false;
}
else
{
Wizard1.FindControl("HeaderContainer").Visible = true;
}
Repeater SideBarList = Wizard1.FindControl("HeaderContainer").FindControl("SideBarList") as Repeater;
SideBarList.DataSource = Wizard1.WizardSteps;
SideBarList.DataBind();
}
protected string GetClassForWizardStep(object wizardStep)
{
WizardStep step = wizardStep as WizardStep;
if (step == null)
{
return "";
}
int stepIndex = Wizard1.WizardSteps.IndexOf(step);
if (stepIndex < Wizard1.ActiveStepIndex)
{
return "prevStep";
}
else if (stepIndex > Wizard1.ActiveStepIndex)
{
return "nextStep";
}
else
{
return "currentStep";
}
}
VB.Net
Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)Handle Me.Load
Wizard1.PreRender += New EventHandler(AddressOf Wizard1_PreRender)
End Sub
Private Sub Wizard1_PreRender(ByVal sender As Object, ByVal e As EventArgs)
If Wizard1.ActiveStepIndex > 4 Then
Wizard1.FindControl("HeaderContainer").Visible = False
Else
Wizard1.FindControl("HeaderContainer").Visible = True
End If
Dim SideBarList As Repeater = TryCast(Wizard1.FindControl("HeaderContainer").FindControl("SideBarList"), Repeater)
SideBarList.DataSource = Wizard1.WizardSteps
SideBarList.DataBind()
End Sub
Protected Function GetClassForWizardStep(ByVal wizardStep As Object) As String
Dim [step] As WizardStep = TryCast(wizardStep, WizardStep)
If [step] Is Nothing Then
Return ""
End If
Dim stepIndex As Integer = Wizard1.WizardSteps.IndexOf([step])
If stepIndex < Wizard1.ActiveStepIndex Then
Return "prevStep"
ElseIf stepIndex > Wizard1.ActiveStepIndex Then
Return "nextStep"
Else
Return "currentStep"
End If
End Function
Screenshot
