Rad Loading panel is not working properly in FireFox and Safari

[ANNAM]

hi this is the structure of my page..
loading panel is working fine in Chrome and IE8.
but in FireFox page is not completely loaded but the loading image vanished.

<asp:Content ID="Content4" ContentPlaceHolderID="PageCenterContent" runat="server">
  
   <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script type="text/javascript">
        function pageLoad(sender, eventArgs) {
        
              if (!eventArgs.get_isPartialLoad()) {
                var myAjaxControl = <%= RadAjaxManager1.ClientID %>;
                    myAjaxControl.ajaxRequest();
               }
          
        }
        
     

     function OnResponseEnd(sender, eventArgs)
        {      
           var currentLoadingPanel = $find("<%= RadAjaxLoadingPanel1.ClientID %>");
            var currentUpdatedControl = "ctl00_PageCenterContent_Radpanebottom";
            currentLoadingPanel.hide(currentUpdatedControl);
              
        }

        function OnRequestStart(sender, eventArgs)
        {
            var currentLoadingPanel = $find("<%= RadAjaxLoadingPanel1.ClientID %>");
            var currentUpdatedControl = "ctl00_PageCenterContent_Radpanebottom";
            currentLoadingPanel.show(currentUpdatedControl);
        
        }
        </script>
    </telerik:RadCodeBlock>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1"
         ClientEvents-OnRequestStart="OnRequestStart"
        ClientEvents-OnResponseEnd="OnResponseEnd" onajaxrequest="RadAjaxManager1_AjaxRequest1">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Web20" IsSticky="false"
        Height="220px">
    </telerik:RadAjaxLoadingPanel>
    <%-- start RadSplitterContent--%>
    <telerik:RadSplitter ID="radSplitterContent" runat="server" Skin="WebBlue" LiveResize="True"
        Width="95%" CssClass="marginAuto" Height="720">
        <%-- start RadPaneSensorBar--%>
      
        <telerik:RadPane ID="RadPaneSensorBar" runat="server" Height="100%" Width="272" MaxWidth="265">
          <fieldset class="Sensorgrp">
           <legend style="text-align:left;">Sensor Group</legend>
            <telerik:RadPanelBar ID="sensorPanelBar" runat="server" ExpandMode="SingleExpandedItem"
                Skin="WebBlue" OnItemClick="sensorPanelBar_ItemClick" OnItemDataBound="sensorPanelBar_ItemDataBound">
            </telerik:RadPanelBar>
            </fieldset>
        </telerik:RadPane>
        <%-- End RadPaneSensorBar--%>
      
        <%-- start RadpaneMid--%>

        <telerik:RadPane ID="RadpaneMid" runat="server" Scrolling="None" Height="700" Width="720">
            <%-- start RadsplitterMid--%>
           

            <telerik:RadSplitter ID="RadsplitterMid" runat="server" Orientation="Horizontal" Width="680" >
                <%-- start RadPaneRotator--%>
                
                <telerik:RadPane ID="RadPaneRotator" runat="server" Scrolling="None" Height="75" Width="680">
                 <fieldset style=" height:59px; width: 697px;">
              <legend style="text-align:left;">Sensors</legend>
            
                    <telerik:RadRotator ID="SensorRadRotator" runat="server" ScrollDuration="2000" RotatorType="Buttons"
                        Height="50px" ItemHeight="20px" Width="590px" ItemWidth="200px" CssClass="marginAuto boarderNone"
                        Skin="MetroTouch" OnItemDataBound="SensorRadRotator_ItemDataBound"
                         OnItemClick="SensorRadRotator_ItemClick1">
                        <ItemTemplate>
                            <div class="product bgpurple" runat="server" id="Product">
                                <div class="productleft" runat="server" id="productleft">
                                <asp:Image ID="StatusImg" runat="server" ImageUrl="~/Images/play-icone-6427-16.png" />
                                 
                                </div>
                                <div class="productright">
                                    <asp:Label ID="lblName" runat="server" Style="color: white; float: left; font-weight: bold;"></asp:Label>
                                    <asp:HiddenField ID="hdnSensorId" runat="server" />
                                    <br />
                                    <asp:Label ID="lblStatus" runat="server" Style="color: white; float: left;"></asp:Label>
                                </div>
                            </div>
                        </ItemTemplate>
                    </telerik:RadRotator>
                       </fieldset>         
                </telerik:RadPane>
               
 
                <%-- end RadPaneRotator--%>
                <%-- start Radpanebottom--%>
                <telerik:RadPane ID="Radpanebottom" runat="server" Scrolling="none" Height="650">
                </telerik:RadPane>
                <%-- end Radpanebottom--%>
            </telerik:RadSplitter>                          
               
            <%-- End RadsplitterMid--%>
        </telerik:RadPane>
        <%-- End RadpaneMid--%>
    </telerik:RadSplitter>
    <%-- End  RadSplitterContent--%>

   
                    
</asp:Content>

[Eyup]

Hello Annam,

On reviewing your code I have noticed that you are declaring the grid in a Content page. Using master/content page scenario is a more complex case and have some specifications:
     - RadScriptManager should be in the Master page
     - RadAjaxManager also have to be in the master page. Please replace the manager in the content page with RadAjaxManagerProxy as described in this topic:
RadAjax and MasterPage

Furthermore, please note that using RadAjaxPanel simultaneously with RadAjaxManager or UpdatePanel ( or implementing multiple wrapped RadAjaxPanels ) is not a supported scenario and we highly recommend to avoid such implementation. Please either use just the manager to update your controls replacing the RadAjaxPanel with a regular asp:Panel, or use the RadAjaxPanel alone to wrap your page.

I hope this will prove helpful.

All the best,
Eyup
the Telerik team