Splitter on Re-Size

2 posts, 0 answers
  1. Cush
    Cush avatar
    88 posts
    Member since:
    Apr 2010

    Posted 20 Dec 2010 Link to this post

    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>

  2. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 22 Dec 2010 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top