RadAjaxPanel with .Net control

[Faraji]

So I know there are many demos for this but for some reason it's not working for me. A very simple demo like this will help me out greatly.
I want the loading panel to show the following event as it happens.

<rad:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <rad:AjaxSetting AjaxControlID="btnSavePhoto">
                <UpdatedControls>
                    <rad:AjaxUpdatedControl ControlID="pnlLoad" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </rad:AjaxSetting>
        </AjaxSettings>
</rad:RadAjaxManager>

<rad:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Skin="Hay" runat="server"></rad:RadAjaxLoadingPanel>


<asp:Panel ID="pnlLoad" Visible="false" runat="server">
Lalalalala Lalalalalal Lalalalalal Lalalalalal Lalalalalal Lalalalalal<br />
Lalalalala Lalalalalal Lalalalalal Lalalalalal Lalalalalal Lalalalalal<br />
Lalalalala Lalalalalal Lalalalalal Lalalalalal Lalalalalal Lalalalalal<br />
</asp:Panel>

<rad:RadButton ID="btnSavePhoto" runat="server" Skin="Office2007" OnClick="btnSubmit_Click" Text="Click Me"></rad:RadButton>

I just want the loading panel to display over pnlLoad while it becomes visible. Here's the code behind (again very simple):

protected void btnSubmit_Click(object sender, EventArgs e)
   {
       pnlLoad.Visible = true;
   }

Yea this doesn't work for me. Some assistance would be greatly appreciated. Thanks.

[Kevin]

Hello Faraji,

Since the Panel isn't visible when the page loads, the RadAjaxLoadingPanel doesn't have any control it can use to overlay the image on. You would think they would use the UpdatePanel it wraps the controls in, but apparently they don't. The only way to solve this is by wrapping the Panel in another Panel that is set to a certain height and set that Panel as the updated control.

I hope that helps.