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">
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
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
>