Wizard - Render Selected Step Only

Customer IDCompany NameContact NameContact TitleAddressPostal Code
Page size:
 91 items in 10 pages
ALFKIAlfreds FutterkisteMaria AndersSales RepresentativeObere Str. 5712209
ANATRAna Trujillo Emparedados y heladosAna TrujilloOwnerAvda. de la Constitución 222205021
ANTONAntonio Moreno TaqueríaAntonio MorenoOwnerMataderos 231205023
AROUTAround the HornThomas HardySales Representative120 Hanover Sq.WA1 1DP
BERGSBerglunds snabbköpChristina BerglundOrder AdministratorBerguvsvägen 8S-958 22
BLAUSBlauer See DelikatessenHanna MoosSales RepresentativeForsterstr. 5768306
BLONPBlondesddsl père et filsFrédérique CiteauxMarketing Manager24, place Kléber67000
BOLIDBólido Comidas preparadasMartín SommerOwnerC/ Araquil, 6728023
BONAPBon app'Laurence LebihanOwner12, rue des Bouchers13008
BOTTMBottom-Dollar MarketsElizabeth LincolnAccounting Manager23 Tsawassen Blvd.T2F 8M4
  • today
September, 2016
September, 2016
SMTWTFS
    123
45678910
11121314151617
18192021222324
252627282930 
       
Wednesday, September 28, 2016
  • Day
  • Week
  • Month
  • Timeline
all day
8AM
 
9AM
 
10AM
 
11AM
 
12PM
 
1PM
 
2PM
 
3PM
 
4PM
 
5PM
 
Show 24 hours...
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

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 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" />
    <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

Help Us Improve

Was this example helpful?