Different loading panel for different controls

4 posts, 0 answers
  1. tjans
    tjans avatar
    27 posts
    Member since:
    Aug 2007

    Posted 16 Feb 2010 Link to this post

    The stripped down version of our scenario is this:

    We have two buttons behind one ajax panel.  When clicked, the first button needs to show one loading panel, and then second button needs to show a different loading panel when it is clicked.  We cannot place these items into separate ajax panels, they need to stay within the same panel (one button updates some properties on the other button).  Is there any way to change which loading panel gets triggered based on which button was clicked?
  2. robertw102
    robertw102 avatar
    265 posts
    Member since:
    Jul 2007

    Posted 16 Feb 2010 Link to this post

    The only way to do this is to use the RadAjaxManager control. It allows you to set different loading panels for different buttons.
  3. DevCraft R3 2016 release webinar banner
  4. tjans
    tjans avatar
    27 posts
    Member since:
    Aug 2007

    Posted 16 Feb 2010 Link to this post

    Thanks for the speedy reply...

    I've actually never used that before, could you provide a small example, or point me to an existing demo if one in fact does exist?  If there are a bunch of other controls on the page that need ajaxing as well, would I need to specify each of them manually as well?
  5. Dimo
    Dimo avatar
    8321 posts

    Posted 17 Feb 2010 Link to this post

    Hello Travis,

    Please refer to the RadAjaxManager documentation:


    Here is a simple demo:

    <%@ Page Language="C#" %>
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    <head runat="server">
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" />
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Transparency="50" BackColor="Yellow" />
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server" Transparency="50" BackColor="Green" />
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <telerik:AjaxSetting AjaxControlID="Button1">
                    <telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" />
            <telerik:AjaxSetting AjaxControlID="Button2">
                    <telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel2" />
    <asp:Button ID="Button1" runat="server" Text="AJAX 1" />
    <asp:Button ID="Button2" runat="server" Text="AJAX 2" />
    <asp:Panel ID="Panel1" runat="server">
        Panel 1

    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Back to Top