AjaxLaoding panel is not working

[Atif]

I am using panel in RadToolTip. I have command button "btnOpen" on RadGrid. Whenever "btnOpen" is clicked it shows RadToolTip for specific row in RadGrid. Its all Working fine but not showing loading panel.



<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <ClientEvents OnRequestStart="RequestStart" OnResponseEnd="ResponseEnd" />

            <AjaxSettings>

                <telerik:AjaxSetting AjaxControlID="btnOpen">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadToolTip1" LoadingPanelID="RadAjaxLoadingPanel1" />
                        <telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>

                <telerik:AjaxSetting AjaxControlID="rgCity">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadToolTip1" LoadingPanelID="RadAjaxLoadingPanel1" />
                        <telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>

            </AjaxSettings>
        </telerik:RadAjaxManager>

        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"></telerik:RadAjaxLoadingPanel>
        <telerik:RadToolTip ID="RadToolTip1" Animation="Slide" AnimationDuration="190" runat="server" Modal="true" HideEvent="ManualClose"
            Style="z-index: 6990" BackColor="White" Position="Center" Width="729px" Height="200px">

            <asp:Panel ID="Panel1" BackColor="Pink" runat="server" Height="190px">



                    <table align="center">
                        <tr>
                            <td>
                                <asp:Label ID="lbl_id" Text="City ID" runat="server"></asp:Label>
                                <asp:TextBox ID="Txt_id" runat="server"></asp:TextBox>
                            </td>

                        </tr>


                        <tr>
                            <td>
                                <telerik:RadAsyncUpload runat="server" ID="FileUpload1" MultipleFileSelection="Disabled">
                                </telerik:RadAsyncUpload>
                            </td>

                        </tr>


                        <tr>
                            <td>
                                <telerik:RadButton runat="server" Skin="Silk" ID="BtnSubmit" Text="Upload files" OnClick="BtnSubmit_Click"></telerik:RadButton>


                                <asp:Label ID="lable_res" runat="server"></asp:Label>
                            </td>


                        </tr>

                    </table>


                    <%--<telerik:RadFormDecorator ID="rfd1" runat="server" DecoratedControls="all"></telerik:RadFormDecorator>--%>
            </asp:Panel>
        </telerik:RadToolTip>

[Maria Ilieva]

Hi Atif,

Try setting Skin for the RadAjaxLoadingPanel and see how it goes.

Regards,
Maria Ilieva
Telerik

[Atif]

I have tried that but its not working.

[Pavlina]

Hi,

Could you try conditionally display the loading panel over the updated control on button click as described in the article below and let me know if this approach works for you?
http://docs.telerik.com/devtools/aspnet-ajax/controls/ajax/radajaxloadingpanel/how-to/show-and-hide-ajaxloadingpanel-explicitly

Regards,
Pavlina
Telerik