VB.NET • Add Support for Templates

Listing 2. Making a couple simple modifications to the wizard's code enables you to support templates and styles in your ASP.NET application. Simply modify the wizard declaration as shown to implement this functionality.

<asp:wizard id="northwindWizard"
   HeaderText="Northwind Wizard" 
   ActiveStepIndex="0" runat="server"  
   OnFinishButtonClick="FinishButtonClick"  
   OnNextButtonClick="NextButtonClick"
   Nextstepbuttontext="Next"
   FinishStepButtonText="Finish" 
   PreviousStepButtonText="Previous"> 
   <StartNavigationTemplate>
      <asp:imagebutton id="StartNextButton" 
         runat="server" width="70px" 
         height="35px" 
         imageurl="Images/button-next.gif" 
         alternatetext=
            "Click here to go to the next step" /> 
   </StartNavigationTemplate>
   <FinishNavigationTemplate>
<asp:imagebutton 
   id="FinishPreviousButton" 
   runat="server" width="70px" 
   height="35px" 
   imageurl="Images/button-back.gif" 
      alternatetext=
         "Click here to go to the previous step" />
      <asp:imagebutton id="FinishButton" 
         runat="server" width="70px" 
         height="35px" 
         imageurl="Images/button-submit.gif" 
         alternatetext="Click here to finish" /> 
   </FinishNavigationTemplate>
   <StepNavigationTemplate> 
<asp:imagebutton 
   id="StepPreviousButton" 
   runat="server" width="70px" 
   height="35px" 
   imageurl="Images/button-back.gif" 
      alternatetext=
         "Click here to go to the previous step" />
<asp:imagebutton id="StepNextButton" 
   runat="server" width="70px" 
   height="35px" 
   imageurl="Images/button-next.gif" 
      alternatetext=
         "Click here to go to the next step" /> 
   </StepNavigationTemplate>
   <SideBarTemplate>
<asp:datalist id="SideBarList" 
   runat=server>
      <ItemTemplate>
      <asp:button id="SideBarButton" 
         runat=server backcolor="#cccccc" 
         width=200/>
      </ItemTemplate>
   </asp:datalist> 
   </SideBarTemplate>
   <HeaderStyle horizontalalign="Right" 
      font-bold="true" font-size="100%" /> 
   <SideBarStyle backcolor="snow" 
      borderwidth="1" font-names="Arial" /> 

   <wizardsteps>
      <!-- Add Wizard Steps here -->
   </wizardsteps>
</asp:wizard>