ASP.NET
  Home arrow ASP.NET arrow Page 6 - A Demo of the Wizard Control in ASP.NET 2....
ASP Free Forums 
.NET  
ASP  
ASP Code  
ASP.NET  
ASP.NET Code  
BrainDump  
C#  
Code Examples  
Database  
Database Code  
IIS  
Microsoft Access  
MS SQL Server  
Silverlight  
Visual Basic.NET  
Windows Scripting  
Windows Security  
XML  
Mobile Linux 
App Generation ROI 
IBM® developerWorks 
ASP Web Hosting  
ASP.NET Web Hosting 
Windows Web Hosting
 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
ASP.NET

A Demo of the Wizard Control in ASP.NET 2.0
By: Jayaram Krishnaswamy
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 4 stars4 stars4 stars4 stars4 stars / 19
    2006-08-15

    Table of Contents:
  • A Demo of the Wizard Control in ASP.NET 2.0
  • The Minimum Wizard
  • A Basic Demo
  • Writing Code for the Steps
  • A Display of the Wizard in Action
  • Source Code of the Page

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT


    A Demo of the Wizard Control in ASP.NET 2.0 - Source Code of the Page


    (Page 6 of 6 )

    For the sake of completeness the source code of the page is presented in the next paragraph. A major portion of the code is for the appearance of the control.

    <%@ Page Language="VB" AutoEventWireup="false" 
    CodeFile="wiz.aspx.vb" Inherits="wiz" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
    <title>Untitled Page</title>
    </head>
    <body>
    <form id="form1" runat="server">
    <div>
    <asp:Wizard ID="Wizard1" runat="server" 
    ActiveStepIndex="0" 
    Height="204px" Width="381px" 
    HeaderText="Welcome Screen" 
    Font-Bold="True" 
    Font-Size="0.8em" ForeColor="#C00000" 
    BackColor="#EFF3FB" BorderColor="#B5C7DE" 
    BorderWidth="1px" Font-Names="Verdana">
    <WizardSteps>
    <asp:WizardStep runat="server" 
    Title="Add Name" 
    StepType="Start">
    <asp:Label ID="Label3" runat="server" 
    Text="First Name"></asp:Label>
    <asp:TextBox ID="TextBox1" runat="server">
    </asp:TextBox><br />
    <asp:Label ID="Label4" runat="server" 
    Text="Last   Name"></asp:Label>
     
    <asp:TextBox ID="TextBox2" runat="server">
    </asp:TextBox>
    </asp:WizardStep>
    <asp:WizardStep runat="server" 
    Title="Add Date" StepType="Step">
    <asp:Label ID="Label5" runat="server" 
    Text="Add a date by clicking on the 
    Calendar" Width="220px"> </asp:Label> <asp:Calendar ID="Calendar1" runat="server"> </asp:Calendar> <asp:TextBox ID="TextBox4" runat="server"> </asp:TextBox> </asp:WizardStep> <asp:WizardStep runat="server" Title="Display Welcome" StepType="Finish"> <asp:Label ID="Label1" runat="server" Text="Label" Width="183px"> </asp:Label>   <br /> <asp:TextBox ID="TextBox3" runat="server" Font-Bold="True" ForeColor="Blue" Visible="False"></asp:TextBox><br /> <asp:Label ID="Label2" runat="server" Text="Just Click Finish to complete" Font-Size="Medium" ForeColor="Red"> </asp:Label> </asp:WizardStep> </WizardSteps> <StartNavigationTemplate> <asp:Button ID="StartNextButton" runat="server" CommandName="MoveNext" Text="Next" /> </StartNavigationTemplate> <StepStyle Font-Size="0.8em" ForeColor="#333333" /> <SideBarStyle BackColor="#507CD1" Font-Size="0.9em" VerticalAlign="Top" /> <NavigationButtonStyle BackColor="White" BorderColor="#507CD1" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284E98" /> <SideBarButtonStyle BackColor="#507CD1" Font-Names="Verdana" ForeColor="White" /> <HeaderStyle BackColor="#284E98" BorderColor="#EFF3FB" BorderStyle="Solid" BorderWidth="2px" Font-Bold="True" Font-Size="0.9em" ForeColor="White" HorizontalAlign="Center" /> <StepNavigationTemplate> <asp:Button ID="StepPreviousButton" runat="server" BackColor="White" BorderColor="#507CD1" BorderStyle="Solid" BorderWidth="1px" CausesValidation="False"
    CommandName="MovePrevious" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284E98" Text="Previous" /> <asp:Button ID="StepNextButton" runat="server" BackColor="White" BorderColor="#507CD1" BorderStyle="Solid" BorderWidth="1px" CommandName="MoveNext" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284E98" Text="Next" /> </StepNavigationTemplate> </asp:Wizard> </div> </form> </body> </html>

    Summary

    The Wizard control in VS 2005 IDE is a nifty control which can be put to use in a variety of ways. Forms that take in user info which are unwieldy can be broken up into organized blocks handled by the Wizard. User information validation can be made using validating controls. The code as presented will work correctly when you are using only the buttons, as the coding has only taken care of this in the logic. The header text could have been an item in the property page, but you may need to open the source file to add the property. This tutorial has only touched upon some bare essentials; there is a lot more to the Wizard than meets the eye.


    DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.

       · The wizard control makes it so easy to crate a wizard you would not believe....
     

    ASP.NET ARTICLES

    - Develop Your First ASP.NET Website with Visu...
    - Run ASP.NET in Windows XP Home with Cassini ...
    - How to Test a Web Application
    - How to Add Code and Validation Controls to a...
    - Working in Source and Split Views to Build a...
    - How to Build a Web Form for a One-Page Web A...
    - How to Develop a One-Page Web Application
    - An ASP.NET Web Application in Action
    - Developing ASP.NET Web Applications
    - An Introduction to ASP.NET Web Programming
    - Introduction to the ADO.NET Entity Framework...
    - Completing an In-Text Advertising System und...
    - Programming an In-Text Advertising System un...
    - Building an In-Text Advertising System Under...
    - Developing a Mini ASP.NET AJAX Server Centri...





    © 2003-2009 by Developer Shed. All rights reserved. DS Cluster 6 Hosted by Hostway
    Stay green...Green IT