Loading panel is not displaying over div

[Tia]

I am trying to display an ajax loading panel over an html div element. Below is the code I tried.

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="btnFetchcode">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="div1" LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Web20">
        </telerik:RadAjaxLoadingPanel>
        <div id="div1" style="width: 400px; height: 200px; border: 1px solid Blue;">
            <asp:Label ID="Label3" runat="server" Text="Grab Now"></asp:Label>
            <telerik:RadTextBox runat="server" ID="txtCode" ReadOnly="true" />
            <br/><br/>
        </div>
        <br />
        <telerik:RadButton ID="btnFetchcode" runat="server" Text="Get Code" OnClick="btnFetchcode_Click">
        </telerik:RadButton>

There is no full page post back but the loading panel is not displayed over the div. Can't I use ajax loading panel over html elements such as div?

[Shinu]

Hi Tia,

RadAjaxLoadingPanel can be used with html elements such as div. Set the runat="server" attribute for the div1 and check whether it is working fine.

Thanks,
Shinu.