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

splitter page scrolling issue

8 Answers 69 Views

Editor

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

8 Answers, 1 is accepted

answered on 09 Jan 2009, 11:16 AM

Hi rob,
I created a simple test page, based on the information you have provided, but unfortunately, I was not able to reproduce the problem you describe. Below is the code of my page:

    
            <body> 
        
                <form id="form1" runat="server">  
        
                    <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
        
                    text<br /> text<br /> text<br /> text<br /> text<br /> text<br />   
        
                    text<br /> text<br /> text<br /> text<br /> text<br /> text<br /> 
        
                    text<br /> text<br /> text<br /> text<br /> text<br /> text<br /> 
        
                    text<br /> text<br /> text<br /> text<br /> text<br /> text<br /> 
        
                    text<br /> text<br /> text<br /> text<br /> text<br /> text<br />   
        
                    text<br /> text<br /> text<br /> text<br /> text<br /> text<br /> 
        
                    text<br /> text<br /> text<br /> text<br /> text<br /> text<br /> 
        
                    text<br /> text<br /> text<br /> text<br /> text<br /> text<br /> 
        
                    text<br /> text<br /> text<br /> text<br /> text<br /> text<br /> 
        
                    text<br /> text<br /> text<br /> text<br /> text<br /> text<br /> 
        
                    <asp:Panel ID="Panel1" BorderStyle="solid" BorderWidth="2" runat="server" Height="600px" 
        
                        Width="600px" BackColor="yellow" BorderColor="red">  
        
                        <telerik:RadSplitter ID="RadSplitter1" runat="server">  
        
                            <telerik:RadPane ID="RadPane1" runat="server" Width="22px">  
        
                                <telerik:RadSlidingZone ID="RadSlidingZone1" runat="server">  
        
                                    <telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" Title="Test"></telerik:RadSlidingPane> 
        
                                </telerik:RadSlidingZone> 
        
                            </telerik:RadPane> 
        
                            <telerik:RadPane ID="RadPane2" runat="server"></telerik:RadPane> 
        
                        </telerik:RadSplitter> 
        
                    </asp:Panel> 
        
                    <div> 
        
                        <ajaxToolkit:alwaysvisiblecontrolextender scrolleffectduration=".1" horizontalside="Right" 
        
                            verticalside="Top" targetcontrolid="Panel1" 
        
                            id="AlwaysVisibleControlExtender1" runat="server">  
        
                     </ajaxToolkit:alwaysvisiblecontrolextender> 
        
                    </div> 
        
                </form> 
        
            </body>

I tested with the latest version of the suite, namely version 2008.3 1125.

In order to be able to help you, I will need a simple running project, demonstrating the problem together with detailed steps I need to follow in order to reproduce it.

Greetings,
Tsvetie
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

answered on 12 Jan 2009, 09:43 AM

Hi

I have used the code that you have posted above (exact no changes) and have the same identical issue, let me clarify::

when the browser scrollbar is at the top of the screen the sliding zone pops out at the correct place, but if you then scroll your test page down the sliding zone will not keep its top position and will be out of alignment and halfway down the page

this is not a problem for mozilla based browsers (firefox, safari) or google chrome

however if you try your test page in IE7 and IE8 the problem is evident in the normal way that IE doesnt appreciate the need to stick to standards, do we have a fix or work around yet and can you reproduce the problem in IE7???

thanks
Rob

answered on 15 Jan 2009, 04:52 PM

Hello Rob,

Yes, we tested the setup under IE6, IE7 and IE8 and the problem does not exist with later version. We also tested it with the latest release, Q3 2008 SP2 which was published yesterday and everything works fine there. There actually was a problem when the RadSlidingPane is in an absolute parent but it was fixed and that is why we suggested to upgrade. We also understand that you are in hurry but if you have noted the version of RadControls you are using in your initial post, we could provide you with a faster solution. Please, also note that forums are considered public resources and we do not guarantee a timely response here because support tickets are with priority.

We created a fix for you, you can find it below:

    
             <script type="text/javascript">  
        
                Telerik.Web.UI.RadSlidingPane.prototype._moveRootToParent = function(toOriginalParent)  
        
                {  
        
                    var newParent = (toOriginalParent) ? this._originalParent : document.body;  
        
                    var root = this.get_element();  
        
                    if(!root) return;  
        
                    var parent = root.parentNode;  
        
                    if(!newParent || !parent || newParent.id == parent.id) return;  
        
                    parent.removeChild(root);  
        
                    newParent.appendChild(root);  
        
                };  
        
                </script>

Kind regards,
Svetlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

splitter page scrolling issue

8 Answers, 1 is accepted