Loading panel is not displaying over div

2 posts, 0 answers
  1. Tia
    Tia avatar
    18 posts
    Member since:
    Mar 2013

    Posted 19 Nov 2013 Link to this post

    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?
  2.
  3. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 19 Nov 2013 Link to this post

    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.
Back to Top