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  
Visual Basic.NET  
Windows Scripting  
Windows Security  
XML  
ASP Web Hosting  
ASP.NET Web Hosting 
Mobile Linux 
App Generation ROI 
Windows Web Hosting
 
IBM® developerWorks 
Sun Developer Network 
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 / 14
    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

    - Developing a Mini ASP.NET AJAX Server Centri...
    - Disadvantages of the ASP.NET MVC Framework
    - Advantages of the ASP.NET MVC Approach
    - ASP.NET Web Forms Weaknesses
    - ASP.NET Web Forms Meets ASP.NET MVC
    - Source Code for Saving and Retrieving Data w...
    - Using GridView to Save and Retrieve Data wit...
    - Handling Dynamic Images in ASP.NET 3.5 AJAX ...
    - Retrieving Data with AJAX and the GridView C...
    - Playing with Images in ASP.NET 3.5 AJAX Appl...
    - Saving and Retrieving Data with AJAX
    - Enhancing PHP Via the ASP.NET AJAX Framework...
    - Enhancing PHP Programming with the ASP.NET A...
    - Classes and ASP.NET AJAX
    - Using ASP.NET AJAX

     
    Best Practices for Windows Vista Migration Presentation
    Dell and Microsoft recently held a series of face-to-face seminars entitled, &qu....

     
    Creating a Culture for Code Reuse
    If you oversee development teams you know that like it or not proprietary and ex....

     
    Keys to Web Application Acceleration: Advances in Delivery Systems
    Accelerate Web apps by up to 5x. Ensure significantly faster access to the Web a....

     
    Optimizing Application Monitoring
    Tired of finding out from your customers that you're offline? This white paper e....

     
    Solaris to Solaris Migration -- Migrating applications from Sun SPARC to Dell PowerEdge R900
    This comprehensive Migration Guide reviews the approach that Principled Technolo....

     




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