How can show the Ajax loading panel in RadControl while navigate through next / prev link?

2 posts, 0 answers
  1. Anil
    Anil avatar
    1 posts
    Member since:
    Dec 2006

    Posted 06 Feb 2010 Link to this post

    How can show the Ajax loading panel in RadControl while navigate through next / prev link?
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 08 Feb 2010 Link to this post

    Hello Anil,

    Place the control in RadAjaxPanel and redirect to the required page in the control postback event. Also set the LoadingPanelID for RadAjaxPanel.

    Here is the example of what I tried in my application:
     
    <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
    <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="200px" Width="300px" 
        Style="text-align: left;" LoadingPanelID="LoadingPanel1"
        <asp:RadioButtonList ID="list1" runat="server"
            <asp:ListItem Value="http://www.google.com/">www.google.com</asp:ListItem> 
            <asp:ListItem Value="http://www.telerik.com/">www.telerik.com</asp:ListItem> 
            <asp:ListItem Value="http://www.microsoft.com/">www.microsoft.com</asp:ListItem> 
        </asp:RadioButtonList> 
        <br /> 
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" /> 
    </telerik:RadAjaxPanel> 
    <telerik:RadAjaxLoadingPanel ID="LoadingPanel1" runat="server" InitialDelayTime="0"
        <asp:Image ID="Image1" Style="margin-top: 50px" runat="server" BorderWidth="0px" 
            ImageUrl="~/Images/Loading.gif" alt=""></asp:Image> 
    </telerik:RadAjaxLoadingPanel> 

    CS:
     
        protected void Button1_Click(object sender, EventArgs e) 
        { 
            Response.Redirect(list1.SelectedValue); 
        } 

    If you want to show AjaxLoadingPanel when clicking the Next/Prev link in the calendar, then the following link will be of help.
    Show and hide loading panel explicitly
    Ajax / Explicit Show/Hide

    -Shinu.
Back to Top