Wizard - Tracking History

History of selected steps:

Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB
RadWizard supports GetHistory method, offered also by the asp Wizard control, which allows you to get a history of the WizardSteps in the order of their activation.

You can also set the AllowReturn property of RadWizardStep to false to prevent the step from being activated more than once. In the demo AllowReturn property is set to the "Career" step.

  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • scripts.js
  • styles.css
<%@ Page AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Wizard.Examples.Functionality.TrackingHistory.DefaultCS"Language="c#"  %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1"></telerik:RadAjaxLoadingPanel>
    <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadWizard1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadWizard1" LoadingPanelID="RadAjaxLoadingPanel1" />
                    <telerik:AjaxUpdatedControl ControlID="RadListBox1" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <div class="demo-container">
        <telerik:RadWizard RenderMode="Lightweight" runat="server" ID="RadWizard1" Width="600px" Height="330px"
            RenderedSteps="Active" OnActiveStepChanged="RadWizard1_ActiveStepChanged">
            <WizardSteps>
                <telerik:RadWizardStep ID="RadWizardStep1" Title="Name" StepType="Start">
                    <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox1" Label="First Name" LabelWidth="100px" Width="400px">
                    </telerik:RadTextBox>
                    <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox2" Label="Middle Name" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                    <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox3" Label="Last Name" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                </telerik:RadWizardStep>
                <telerik:RadWizardStep ID="RadWizardStep2" Title="Address">
                    <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox4" Label="Country" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                    <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox5" Label="City" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                    <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox6" Label="Address" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                </telerik:RadWizardStep>
                <telerik:RadWizardStep ID="RadWizardStep3" Title="Education">
                    <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox10" Label="School" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                    <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox11" Label="University" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                </telerik:RadWizardStep>
                <telerik:RadWizardStep ID="RadWizardStep4" Title="Career" AllowReturn="false">
                    <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox13" Label="Current" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                    <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox14" Label="Previous" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                </telerik:RadWizardStep>
                <telerik:RadWizardStep ID="RadWizardStep5" Title="Other" StepType="Finish">
                    <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox7" Label="Hobby" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                    <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox8" Label="Music" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                    <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox9" Label="Sport" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                </telerik:RadWizardStep>
            </WizardSteps>
        </telerik:RadWizard>
        <h3 >History of selected steps:</h3>
        <telerik:RadListBox RenderMode="Lightweight" ID="RadListBox1" runat="server" Width="200px" Height="200px"></telerik:RadListBox>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance

Help Us Improve

Was this example helpful?