Rad Loading panel is not working properly in FireFox and Safari

2 posts, 0 answers
  1. ANNAM
    ANNAM avatar
    1 posts
    Member since:
    Aug 2012

    Posted 28 Aug 2012 Link to this post

    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>



  2. Eyup
    Admin
    Eyup avatar
    4046 posts

    Posted 30 Aug 2012 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top