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

Splitter on Re-Size

1 Answer 22 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Cush
Top achievements
Rank 1
Cush asked on 20 Dec 2010, 12:28 PM

Hi All
I have put together a series of collapsible splitters with some nested sliding panes,
I am using this in Full screen mode and have set the two main panes to occupy percentages of the screen,
Everything works as expected until the browser is re-sized!
The lower pane then encroaches on almost all of the screen,
When the screen is returned to full size the panes stay the same and are not as they initialy was i.e 60% & 40 % of the screen.

I would appriciate it if someone could point me in the right direction with this please.

Many Thanks

Regards
Darren

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Testgrid.aspx.vb" Inherits="Testgrid" Title="Testgrid" debug="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">
  
<head runat="server">
    <title></title>
    <style type="text/css">
        html, body, form , a img
        {
            height: 100%;
            margin: 0px;
            padding: 0px;
            overflow: hidden;
            border: 0;
        }       
    </style>
</head>
<body bgcolor="#002440" >
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager2" runat="server">
    </telerik:RadScriptManager>    
    <div id="Div1" style="height: 100%;">
        <telerik:RadSplitter ID="RadSplitter1" runat="server" Height="100%" LiveResize="True"
            Orientation="Horizontal" Skin="Web20" Width="100%" VisibleDuringInit="false"
            FullScreenMode="True" BorderColor="0" SplitBarsSize="">
            <telerik:RadPane ID="RadPane1" runat="server" Scrolling="Y" Index="1" Height="60%">
            </telerik:RadPane>
            <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Both">
            </telerik:RadSplitBar>
            <telerik:RadPane ID="RadPane3" runat="server" Scrolling="None" Index="2" Height="40%">
                <telerik:RadSplitter ID="RadSplitter2" runat="server" Orientation="Vertical" Skin="Web20"
                    VisibleDuringInit="false" BorderColor="0">
                    <telerik:RadPane ID="RadPane2" runat="server" Scrolling="None">
                        <telerik:RadSplitter ID="RadSplitter3" runat="server" Orientation="Horizontal" RegisterWithScriptManager="False"
                            Skin="Web20" FullScreenMode="True">
                            <telerik:RadPane ID="RadPane5" runat="server">
                                <telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" SlideDirection="Bottom"
                                    DockedPaneId="RadSlidingPane2">
                                    <telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" Title="Test Pane1"
                                        ViewStateMode="Inherit" IconUrl="Images/Icons/cmove16.png" Scrolling="None" Height="250">
                                    </telerik:RadSlidingPane>
                                    <telerik:RadSlidingPane ID="RadSlidingPane2" runat="server" Title="Test Pane2"
                                        ViewStateMode="Inherit" IconUrl="Images/Icons/note16.png" Scrolling="None" Height="250">
                                    </telerik:RadSlidingPane>
                                </telerik:RadSlidingZone>
                            </telerik:RadPane>
                        </telerik:RadSplitter>
                    </telerik:RadPane>
                    <telerik:RadSplitBar ID="RadSplitBar2" runat="server" CollapseMode="Both">
                    </telerik:RadSplitBar>
                    <telerik:RadPane ID="RadPane4" runat="server">
                        <telerik:RadSplitter ID="RadSplitter4" runat="server" Orientation="Horizontal" Skin="Web20">
                            <telerik:RadPane ID="RadPane6" runat="server" Scrolling="None">
                                <telerik:RadSlidingZone ID="RadSlidingZone2" runat="server" SlideDirection="Bottom">
                                    <telerik:RadSlidingPane ID="RadSlidingPane3" runat="server" Title="Future Stuff"
                                        ViewStateMode="Inherit" IconUrl="Images/Icons/cmove16.png" Scrolling="None" Height="250">
                                    </telerik:RadSlidingPane>
                                </telerik:RadSlidingZone>
                            </telerik:RadPane>
                        </telerik:RadSplitter>
                    </telerik:RadPane>
                </telerik:RadSplitter>
            </telerik:RadPane>
        </telerik:RadSplitter>
    </div>
    </form>
</body>
</html>

1 Answer, 1 is accepted

Sort by
0
Dobromir
Telerik team
answered on 22 Dec 2010, 05:33 PM
Hi Darren,

I tried to reproduce the problem with the provided sample page but to no avail. Could you please provide more detailed information regarding specific scenario?

  • Which version of RadControls for ASP.NET AJAX and .NET Framework are used in the application?
  • Under which browser and its version the problem occurs?
  • Could you please open a support ticket and provide a simple fully runnable project reproducing the problem so we can investigate it further?

For your convenience I have prepared a video demonstrating my test, could you please see if I am doing something wrong?

In addition, FullScreenMode property is deprecated and we do not recommend to be used, because it may cause some side effects.

Looking forward to hearing from you,
Dobromir
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
Tags
Splitter
Asked by
Cush
Top achievements
Rank 1
Answers by
Dobromir
Telerik team
Share this question
or