telerik:RadAjaxLoadingPanel is not working in Mozilla browser

[Srinivasa Rao Ranga]

HI I am not able to view the loading image in telerik:RadAjaxLoadingPanel in mozilla browser,its working fine in IE, below is my code

My requirement is need to load treeview datasource dynamically on click of button using Sitemap datasource,here i am keeping treeview inside update panel
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

        <script type="text/javascript">
            var currentLoadingPanel = null;
            var currentUpdatedControl = null;
            function RequestStart(sender, args) {
                var loadingImage = document.getElementById('<%= RadAjaxLoadingPanel1.FindControl("Image1").ClientID %>');
                var panel1 = $get("<%= Panel1.ClientID %>");
                loadingImage.style.position = "relative";
                loadingImage.style.top = (parseInt(td1.style.height) / 3) + "px";
                currentLoadingPanel = $find("<%= RadAjaxLoadingPanel1.ClientID%>");


                if (args.get_eventTarget() == "<%= imbFleetManagement.UniqueID %>") {
                    currentUpdatedControl = "<%= Panel1.ClientID %>";
                    //show the loading panel over the updated control
                    currentLoadingPanel.show(currentUpdatedControl);

                }
</script>

    </telerik:RadCodeBlock> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="imbFleetManagement">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="radTvwFleetMgmnt" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
<ClientEvents OnRequestStart="RequestStart" OnResponseEnd="ResponseEnd" />
    </telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
        <div class="loading">
            <asp:Image ID="Image1" runat="server" ImageUrl="~/images/loading1.gif" AlternateText="loading" />
        </div>
    </telerik:RadAjaxLoadingPanel>
 <td align="center" valign="bottom" style="width: 104px">
                                                    <asp:ImageButton ImageUrl="~/images/top_nav_cust_manage.jpg" CssClass="topnavcust"
                                                        ID="imbCustManagement" runat="server" onmouseover="this.src='../images/top_nav_cust_manage_hover.jpg';"
                                                        onmouseout="this.src='../images/top_nav_cust_manage.jpg';" ToolTip="Customer Management"
                                                        OnClick="imbCustManagement_Click" />
                                                </td>
<asp:UpdatePanel runat="server" ID="UpdatePanel" UpdateMode="Conditional">
                                                                        <Triggers>
                                                                            <asp:AsyncPostBackTrigger ControlID="imbFleetManagement" /> </Triggers>
<ContentTemplate>
                                                                            <asp:Panel ID="Panel1" runat="server" CssClass="module1"> <asp:SiteMapDataSource ID="SiteMapDataSource1" ShowStartingNode="false" runat="server" />
                                                                                <telerik:RadTreeView ID="radTvwFleetMgmnt" DataSourceID="SiteMapDataSource1"
                                                                                    runat="server" Style="white-space: normal"
                                                                                    Skin="Vista">
 </asp:Panel>
                                                                        </ContentTemplate>
                                                                    </asp:UpdatePanel>


 <td style="height: 720px; padding-left: 7px; padding-top: 12px" valign="top">
                                                    <asp:UpdatePanel runat="server" ID="UpdatePanel2" UpdateMode="Conditional">
                                                        <Triggers>
                                                            <asp:AsyncPostBackTrigger ControlID="radTvwFleetMgmnt" />
                                                        </Triggers>
                                                        <ContentTemplate>
                                                            <asp:ContentPlaceHolder ID="ContentArea" runat="server">
                                                            </asp:ContentPlaceHolder>
                                                        </ContentTemplate>
                                                    </asp:UpdatePanel>
                                                </td>

Please help me its very urgent

Thanks in Advance!
Srinivas



<asp:UpdatePanel runat="server" ID="UpdatePanel" UpdateMode="Conditional">
                                                                        <Triggers>
                                                                            <asp:AsyncPostBackTrigger ControlID="imbFleetManagement" />



<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
        <div class="loading">
            <asp:Image ID="Image1" runat="server" ImageUrl="~/images/loading1.gif" AlternateText="loading" />
        </div>
    </telerik:RadAjaxLoadingPanel>

[Maria Ilieva]

Hello,

Please note that using RadAjaxManager and asp UpdatePanel in one application for updating the same part of the page is not supported scenario and it may cause a lot of different issues. Please suggest using single RadAjaxManager and verify if any problems will appear.


All the best,
Maria Ilieva
the Telerik team

[Srinivasa Rao Ranga]

HI Maria Ilieva ,Thanks for your response

As you suggested that,i should not use both RadAjaxManager and asp:UpdatePanle in a single page,but without using asp:UpdatePanle my entire page is postback to load treeview.
So how can i reolve the iussue

Thanks!
Srinivasa

[Maria Ilieva]

Hi,

You can add the TreeView controls directly into the RadAjaxManager setting in order to avoid full postback.

For example:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="TreeView1" />
                        <telerik:AjaxUpdatedControl ControlID="TreeView2" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>

Sincerely yours,
Maria Ilieva
the Telerik team

[Srinivasa Rao Ranga]

HI Maria Ilieva ,Thanks for your response

ass suggested by you,i removed the asp:UpdatePanel and placed TreeView controlID in <telerik:RadAjaxManager,
still full postback is happening ,pls help me

Thanks!
Srinivasa Rao R

[Maria Ilieva]

Hi,

Could you please confirm that you have ScriptManager control placed in the very top of the page? If no, please add one and verify if the issue still persists.

Sincerely yours,
Maria Ilieva
the Telerik team

[Srinivasa Rao Ranga]

HI Maria Ilieva 

I placed the script manager at the starting of the page itself...please do the needful

Thanks!
Srinivasa

[Pavlina]

Hi Srinivasa,

As the provided information is not enough for us to replicate the issue locally, I will ask you to open a regular support ticket and send us small runnable application which demonstrates the problem. We will test it locally and advise you further.

Thank you!

Sincerely yours,
Maria
the Telerik team