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

Render Selected Step Only

Customer IDCompany NameContact NameContact TitleAddressPostal Code
12345678910
Page size:
 91 items in 10 pages
TRADHTradição HipermercadosAnabela DominguesSales RepresentativeAv. Inês de Castro, 41405634-030
TRAIHTrail's Head Gourmet ProvisionersHelvetius NagySales Associate722 DaVinci Blvd.98034
VAFFEVaffeljernetPalle IbsenSales ManagerSmagsloget 458200
VICTEVictuailles en stockMary SaveleySales Agent2, rue du Commerce69004
VINETVins et alcools ChevalierPaul HenriotAccounting Manager59 rue de l'Abbaye51100
WANDKDie Wandernde KuhRita MüllerSales RepresentativeAdenauerallee 90070563
WARTHWartian HerkkuPirkko KoskitaloAccounting ManagerTorikatu 3890110
WELLIWellington ImportadoraPaula ParenteSales ManagerRua do Mercado, 1208737-363
WHITCWhite Clover MarketsKarl JablonskiOwner305 - 14th Ave. S. Suite 3B98128
WILMKWilman KalaMatti KarttunenOwner/Marketing AssistantKeskuskatu 4521240
  • today
September 2026
September 2026
SMTWTFS
  12345
6789101112
13141516171819
20212223242526
27282930   
       
Thursday, September 17, 2026
  • Day
  • Week
  • Month
  • Timeline
all day
8AM
 
9AM
 
10AM
 
11AM
 
12PM
 
1PM
 
2PM
 
3PM
 
4PM
 
5PM
 
Show 24 hours...

By default the RadWizard loads the HTML of all steps, which could decrease the performance of the application. By setting the RenderedSteps property to Active, you will force the RadWizad to load only the content of the active step. When another step is selected, RadWizard will make a request to the server in order to load the content of the newly selected step.

  • DefaultCS.aspx
  • RadGridUserControlCS.ascx
    • RadGridUserControlCS.ascx
    • RadHTMLChartUserControlCS.ascx
    • RadSchedulerUserControlCS.ascx
  • DefaultCS.aspx.cs
    • DefaultCS.aspx.cs
    • RadGridUserControlCS.ascx.cs
    • RadHTMLChartUserControlCS.ascx.cs
    • RadSchedulerUserControlCS.ascx.cs
  • scripts.js
  • styles.css
<%@ Page Title="" Language="C#"  AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Wizard_Functionality_RenderSelectedStepOnly_DefaultCS" %>

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

<%@ Register Src="~/Wizard/Functionality/Render-Selected-Step-Only/RadGridUserControlCS.ascx" TagName="RadGridsUserControlCS" TagPrefix="uc" %>
<%@ Register Src="~/Wizard/Functionality/Render-Selected-Step-Only/RadSchedulerUserControlCS.ascx" TagName="RadSchedulerUserControlCS" TagPrefix="uc" %>
<%@ Register Src="~/Wizard/Functionality/Render-Selected-Step-Only/RadHTMLChartUserControlCS.ascx" TagName="RadHTMLChartUserControlCS" TagPrefix="uc" %>


<!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 no-bg">
        <div class="demo-settings">
            <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
            <qsf:MessageBox ID="InformationBox1" runat="server" Icon="DBReset" Type="warning">
                <span id="total"></span>
            </qsf:MessageBox>   
            <asp:CheckBox runat="server" ID="CheckBox" Text="Render the Active step only" AutoPostBack="true" CssClass="renderSelectedPageOnlyCheckBox" OnCheckedChanged="CheckBox_CheckedChanged" />
        </div>
        <telerik:RadWizard RenderMode="Lightweight" ID="RadWizard1" runat="server" RenderedSteps="All">
            <WizardSteps>
                <telerik:RadWizardStep ID="RadGridStep" runat="server" StepType="Start">
                    <uc:RadGridsUserControlCS runat="server" ID="RadGridsUserControlCS" />
                </telerik:RadWizardStep>
                <telerik:RadWizardStep ID="RadSchedulerStep" runat="server" StepType="Step">
                    <uc:RadSchedulerUserControlCS runat="server" ID="RadSchedulerUserControlCS" />
                </telerik:RadWizardStep>
                <telerik:RadWizardStep ID="RadHtmlChart" runat="server" StepType="Finish" CssClass="chartStep">
                    <uc:RadHTMLChartUserControlCS runat="server" ID="RadSchedulerUserControlCS1" />
                </telerik:RadWizardStep>
            </WizardSteps>
        </telerik:RadWizard>
    </div>
    <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
        <script type="text/javascript" src="scripts.js"></script>
    </telerik:RadScriptBlock>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance