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

Loading panel is not displaying over div

1 Answer 69 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
Tia
Top achievements
Rank 1
Tia asked on 19 Nov 2013, 06:38 PM
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?

1 Answer, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 1
answered on 20 Nov 2013, 05:07 AM
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.
Tags
Ajax
Asked by
Tia
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 1
Share this question
or