Same user control on page multiple times with RadAjaxLoadingPanel

2 posts, 0 answers
  1. Mike
    Mike avatar
    2 posts
    Member since:
    Jun 2010

    Posted 23 Sep 2010 Link to this post

    I have a user control that I am using multiple times on a page.  This user control contains a RadAjaxManagerProxy which ties an update to a RadAjaxLoadingPanel which is absolutely positioned within the user control and set to IsSticky="true".  Everything works just fine, except the loading panel in the first user control is triggered by both user controls when I run the page.  It's like the second user control does not have it's own instance of the loading panel.

    I apologize if this has been answered before, I searched for awhile and was not able to find a solution.  My code for the user control is posted below.

     

    <style type="text/css">
    .loadingpanel { position: absolute; }
    .bottomright { position: absolute; bottom: 10px; right: 20px; }
    .bottomcenter { position: absolute; bottom: 15px; width: 200px; left: 0px; right: 0px; margin-left: auto; margin-right: auto; text-align: center; }
    </style>
      
    <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
    <AjaxSettings>
    <telerik:AjaxSetting AjaxControlID="ddlCalcMethod">
    <UpdatedControls>
    <telerik:AjaxUpdatedControl ControlID="pnlCalcParameters" LoadingPanelID="RadAjaxLoadingPanel1"
    UpdatePanelHeight="" />
    </UpdatedControls>
    </telerik:AjaxSetting>
    </AjaxSettings>
    </telerik:RadAjaxManagerProxy>
      
    <table width="100%">
    <tr>
    <td class="label right cell1">Method:</td>
    <td class="cell2">
    <telerik:RadComboBox ID="ddlCalcMethod" runat="server" Width="175px" AutoPostBack="True" 
    onselectedindexchanged="ddlCalcMethod_SelectedIndexChanged">
    </telerik:RadComboBox>
    </td>
    </tr>
    <tr>
    <td colspan="2" style="padding: 0px;">
    <asp:Panel ID="pnlCalcParameters" runat="server"></asp:Panel>
    </td>
    </tr>
    </table>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" InitialDelayTime="200" MinDisplayTime="500" Skin="" CssClass="loadingPanel" IsSticky="true" HorizontalAlign="Center" ClientIDMode="AutoID"
    <div class="bottomcenter">
    <asp:Image ID="imgAjaxLoading" runat="server" ImageUrl="~/Resources/images/ajax-loader.gif" AlternateText="Loading..." /> 
    </div>
    </telerik:RadAjaxLoadingPanel>
    <div class="bottomright">
    <asp:Button ID="btnSubmit" runat="server" Text="Submit" onclick="btnSubmit_Click" /> 
    </div>

  2. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 28 Sep 2010 Link to this post

    Hi Mike,

    As the provided information is not enough to isolate the root cause of the issue you are facing, please prepare a simple, fully runnable reproduction demo, open a new support ticket and send it to us along with very detailed reproduction steps and explanations and we will debug it locally and we will do our best to help.


    Regards,
    Maria Ilieva
    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