New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Add / Remove WizardSteps

RadWizard supports server-side adding and removing of RadWizardSteps. In such case the Controls inside the step should be added during the WizardStepCreated server-side event.

  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • styles.css
<%@ Page AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Wizard.Examples.ApplicationScenarios.AddRemove.DefaultCS"Language="c#"  %>

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

<!DOCTYPE html>
<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" />
    <div class="demo-container size-wide">
        <telerik:RadWizard RenderMode="Lightweight" runat="server" ID="RadWizard1" Height="360px" OnWizardStepCreated="RadWizard1_WizardStepCreated">
            <WizardSteps>
                <telerik:RadWizardStep ID="RadWizardStep1" Title="Book Group Vacation" StepType="Start">
                    <telerik:RadNumericTextBox RenderMode="Lightweight" runat="server" Label="Number of people in the group:" Width="320px" LabelWidth="235px" ID="RadNumericTextBox1" NumberFormat-DecimalDigits="0" MaxValue="7">
                    </telerik:RadNumericTextBox>
                    <telerik:RadButton RenderMode="Lightweight" runat="server" ID="RadButton1" Text="Add" OnClick="RadButton1_Click"></telerik:RadButton>
                </telerik:RadWizardStep>
            </WizardSteps>
        </telerik:RadWizard>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance