Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > General Discussions > RadAjaxLoadingPanel scrollbar problem on chrome

• Jack

  Posted on Jun 3, 2011 (permalink)

  Hi everyone, 
  
  i'm currently using telerik (2009.2.826.20) in a web app developed in c#.
  
  I have a form with a custom control with a list of links, i used the radajaxLoadingPanel to set a white div (transparency 30%) above the part of the page in which the controls and the results is positioned.
  
  everything works fine in Ie7, ie9,  and firefox 
  
  with chrome i have a strange behavior...
  -when the vertical scrollbarr is all to the top the updating panel is in the right position, 
  -when the scrollbar is not at the top, the updating panel moves higher.. (the more the scoll is down, the more the panel moves)
  
  that's the code i used 
  
  master-page
  

  <asp:ScriptManager ID="ScriptManager1" runat="server" AsyncPostBackTimeout="100000">

  </asp:ScriptManager>

  <telerik:radajaxmanager runat="server" id="RadAjaxManager1" enablepageheadupdate="false"></telerik:radajaxmanager>

   

  <telerik:radajaxloadingpanel id="RadAjaxLoadingPanel1" transparency="30" runat="server" >

     <div class="progress"><img src="../IMG/ajax-loader.gif" alt="loading..."/></div>

  </telerik:radajaxloadingpanel>

  
  
  the page that contains the control *
  

  <telerik:radajaxmanagerproxy runat="server" id="RadAjaxManagerProxy1">

      <AjaxSettings>

          <telerik:AjaxSetting AjaxControlID="Panel2">

              <UpdatedControls>

                 <telerik:AjaxUpdatedControl ControlID="Panel2"  LoadingPanelID="RadAjaxLoadingPanel1"/>

              </UpdatedControls>

          </telerik:AjaxSetting>

      </AjaxSettings>

  </telerik:radajaxmanagerproxy>

    

  <asp:Panel ID="Panel2" runat="server">

      <CC:SelectionTable ID="SelectionTable1" runat="server" />

  </asp:Panel>

  
  
  css
  

  .progress { width: 100%; background-color: White; height: 100%;border: solid 2px red;}

  .progress img {text-align: center;}

  
  
  you can see also the screenshot i took in the file attached.
  
  any help or advice would be appreciated
  
  
  
  EDIT 28/07/2011
  
  I found a solution for that
  
  i used the code below in the page that contains the control *
  it is easier with less code and works good :D
  
  

  <telerik:RadAjaxPanel ID="RadAjaxPanelManagement1" LoadingPanelID="RadAjaxLoadingPanel1" runat="server">

        <CC:SelectionTable ID="SelectionTable1" runat="server" />
  

  </telerik:RadAjaxPanel>

  Attached files

  • loading-panel-problem.png

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > General Discussions > RadAjaxLoadingPanel scrollbar problem on chrome