Same user control on page multiple times with RadAjaxLoadingPanel

[Mike]

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>

[Maria Ilieva]

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