This is a migrated thread and some comments may be shown as answers.

Rad Loading panel is not working properly in FireFox and Safari

1 Answer 56 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
ANNAM
Top achievements
Rank 1
ANNAM asked on 28 Aug 2012, 10:38 AM
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>



1 Answer, 1 is accepted

Sort by
0
Eyup
Telerik team
answered on 30 Aug 2012, 10:48 AM
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.
Tags
General Discussions
Asked by
ANNAM
Top achievements
Rank 1
Answers by
Eyup
Telerik team
Share this question
or