This is a migrated thread and some comments may be shown as answers.

Same user control on page multiple times with RadAjaxLoadingPanel

1 Answer 105 Views

Ajax

This is a migrated thread and some comments may be shown as answers.

Mike asked on 23 Sep 2010, 05:35 PM

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>

Same user control on page multiple times with RadAjaxLoadingPanel

1 Answer, 1 is accepted