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.
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
>