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

Pane's width problem after upgrade

5 Answers 100 Views

Splitter

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

HSLaw asked on 29 Jul 2009, 04:01 AM

Hi, I have a problem with my right pane after upgrade to "Latest Version: 2009.2 701 (Jul 1, 2009)"

Here is the page:
http://www.ximnet.com.my/aspnet35/menu_test.aspx

The right-pane is set to 300px but it is not 300px when the page is loaded.
When collapsed, the splitter bar is no longer there to be expanded as well.

Did I miss something during the upgrade?
Below is my aspx code:

    
            <%@ Page Language="VB" AutoEventWireup="false" CodeFile="menu_test.aspx.vb" Inherits="menu_test" 
        
                EnableViewState="false" Trace="true" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head> 
        
                <link href="css/icube_proto.css" rel="stylesheet" type="text/css" /> 
        
                <style type="text/css"> 
        
                    html, body, form 
        
                    { 
        
                        overflow: hidden; 
        
                        height: 100%; 
        
                        width: 100%; 
        
                    } 
        
                </style> 
        
            </head> 
        
            <body> 
        
                <form id="Form1" runat="server"> 
        
                <telerik:radscriptmanager id="rsm" runat="server" /> 
        
                <telerik:radsplitter runat="Server" id="mainSplitter" width="100%" height="100%" 
        
                    orientation="Horizontal" liveresize="true" BorderSize="10"  
        
                    FullScreenMode="True"> 
        
                    <telerik:RadPane ID="topPane" runat="server" height="68px"  
        
                         MaxHeight="68" > 
        
                        [logo]    
        
                    s 
        
                    </telerik:RadPane> 
        
                    <telerik:RadPane runat="server" ID="contentPaneMain" Scrolling="none" skin="Black"> 
        
                        <telerik:RadSplitter runat="server" ID="RadSplitter2" BorderStyle="None"  
        
                        PanesBorderSize="0" skin="Outlook"> 
        
                            <telerik:RadPane runat="Server" ID="leftPane" Width="300px" MinWidth="250" MaxWidth="350" 
        
                                Scrolling="None"> 
        
                                </telerik:RadPane> 
        
                            <telerik:RadSplitBar skin="Black" runat="server" ID="RadSplitBar1" CollapseMode="Forward" /> 
        
                            <telerik:RadPane runat="Server" ID="contentPane"  
        
                        CssClass="right-pane" > 
        
                            </telerik:RadPane> 
        
                             <telerik:RadSplitBar runat="server" ID="RadSplitBarRight" CollapseMode="Backward" /> 
        
                             <telerik:RadPane runat="Server" ID="RightPane"  
        
                        CssClass="right-pane" Width="300px" MinWidth="250" MaxWidth="500"  > 
        
                         Right 
        
                        </telerik:RadPane> 
        
                        </telerik:RadSplitter> 
        
                    </telerik:RadPane> 
        
                     <telerik:RadPane ID="bottomPane" runat="server" height="20px"  
        
                         MaxHeight="20" > 
        
                        Copyright 2009 
        
                    </telerik:RadPane> 
        
                </telerik:radsplitter> 
        
                </form> 
        
            </body> 
        
            </html>

5 Answers, 1 is accepted

answered on 29 Jul 2009, 01:29 PM

Hi Paladin,

In order to get the desired result you should clear the margin and the padding of the parent elements of the splitter - please modify your CSS in teh following manner:

    
             <style type="text/css">    
        
                    html, body, form    
        
                    {    
        
                        overflow: hidden;    
        
                        height: 100%;    
        
                        width: 100%;    
        
                        margin: 0;  
        
                        padding: 0;  
        
                    }    
        
                </style>

After I did this in my test page, based on your code, everything started working as expected.

Sincerely yours,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

Accepted

answered on 29 Jul 2009, 02:18 PM

Hello Paladin,

I apologise for missing the fact that you have said that you are using the 2009.2.701 version - I noticed that you have selected 2009.1.402 in your ticket and that is why I tested with this version before and it worked fine on my side. Now, when I tested with the Q2 version I was able reproduce the problem. In the Q2 version there is a bug which occurs in some scenarios and concerns the splitters size. The bug is already fixed and when I tested teh page with the dll with the fix the problem disappeared. That is why I suggest to download teh latest internal build and use it instead of teh current dll.

More information about the internal builds system is available below:

http://telerikwatch.com/2009/01/latest-internal-radcontrol-builds-now.html

Greetings,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.