[Solved] loading image on the control that i want to update

[appdev]

what i want to do is display the loading.gif image on the controls that i want to update
say i have a label and a button, when i click on a button, it will read database and then put the value on the label to display. but while getting data it display loading1.gif on the label to show that it is working to get the value. i can't seem to get that to work. can you help me? thanks. this is what i have

<telerik:RadScriptManager ID="ScriptManager1" runat="server" />
        <telerik:RadAjaxManager ID="RadAjaxManager2" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="Panel1" >
                    <UpdatedControls >
                        <telerik:AjaxUpdatedControl ControlID="Panel1" />
                        <telerik:AjaxUpdatedControl ControlID="Label1" />
                        <telerik:AjaxUpdatedControl ControlID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>


            <asp:Panel ID="Panel1" runat="server" Width="350px" Height="275px">
                <asp:Label ID="Label1" runat="server"></asp:Label>
                <asp:Button ID="Button1" runat="server" Text="Button" />

            </asp:Panel>
        <telerik:RadAjaxLoadingPanel ID="LoadingPanel1" runat="server">
            <asp:Image id="Image1" runat="server" ImageUrl="loading1.gif"  >
            </asp:Image>
        </telerik:RadAjaxLoadingPanel>

        

     

[Princy]

Hi,

Here are two help links that you can refer to:

http://www.telerik.com/help/aspnet-ajax/ajxshowloadingpanelnexttoajaxinitiator.html

http://www.telerik.com/help/aspnet-ajax/ajxshowhideloadingpanel.html

Thanks,
Princy