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
MEREPMère PaillardeJean FresnièreMarketing Assistant43 rue St. LaurentH1J 1C3
MORGKMorgenstern GesundkostAlexander FeuerMarketing AssistantHeerstr. 2204179
NORTSNorth/SouthSimon CrowtherSales AssociateSouth House 300 QueensbridgeSW7 1RZ
OCEANOcéano Atlántico Ltda.Yvonne MoncadaSales AgentIng. Gustavo Moncada 8585 Piso 20-A1010
OLDWOOld World DelicatessenRene PhillipsSales Representative2743 Bering St.99508
OTTIKOttilies KäseladenHenriette PfalzheimOwnerMehrheimerstr. 36950739
PARISParis spécialitésMarie BertrandOwner265, boulevard Charonne75012
PERICPericles Comidas clásicasGuillermo FernándezSales RepresentativeCalle Dr. Jorge Cash 32105033
PICCOPiccolo und mehrGeorg PippsSales ManagerGeislweg 145020
PRINIPrincesa Isabel VinhosIsabel de CastroSales RepresentativeEstrada da saúde n. 581756
  • 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