（Radcontrol学习笔记）第七篇：如何让RadSplitBar控件最大化（类似framework的效果）

最新推荐文章于 2024-08-06 22:00:00 发布

vbdavid

最新推荐文章于 2024-08-06 22:00:00 发布

阅读量794

点赞数

分类专栏： RadControl学习笔记

本文链接：https://blog.csdn.net/vbdavid/article/details/15814897

版权

RadControl学习笔记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

Splitter - Resize with Window

Click here for a full window example.

A common scenario in the use of RadSplitter control is when itsWidth and Height properties are set to 100% - you needa complete page layout control from the splitter.

If you have problems to resize the splitter in a full page height here is the followingchecklist:

make sure the <HTML> tag has its height set to 100% and its margin set to0px
make sure the <BODY> tag has its height set to 100% and its margin set to0px
make sure any elements that are embedding the splitter control also has thoseproperties set
<div id="ParentDivElement" style="height: 100%;">
Optionally in order your page to be standards compliant you can set the DOCTYPE directive to:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd">
Optionally you can also remove the page scrollbars so the application is as closeto the desktop environment as possible:
<body scroll="no" >

Here is a cross-browser compatible code example of a page that contains a splittercontrol which is filling the entire page size:

Note: To hide the initial resize of the splitter from the end userand to get a better visual result you should set VisibleDuringInit="false"

<%@Page Language="VB" AutoEventWireup="true" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<title>FullWindow</title>

<styletype="text/css">

html, body, form

{

height: 100%;

margin: 0px;

padding: 0px;

overflow: hidden;

}

</style>

</head>

<body>

<formid="form2" runat="server">

<asp:ScriptManager ID="ScriptManager" runat="server"/>

<telerik:RadSplitter ID="MainSplitter" runat="server"Height="100%" Width="100%"

Orientation="Horizontal" Skin="Outlook">

<telerik:RadPane ID="TopPane"runat="server" Height="100" MinHeight="85" MaxHeight="150"

Scrolling="none">

</telerik:RadPane>

<telerik:RadSplitBar ID="RadsplitbarTop" runat="server"CollapseMode="Forward" />

<telerik:RadPane ID="MainPane" runat="server"Scrolling="none" MinWidth="500">

<telerik:RadSplitter ID="NestedSplitter" runat="server"Skin="Outlook" LiveResize="true">

<telerik:RadPane ID="LeftPane" runat="server"Width="200" MinWidth="150" MaxWidth="400">

</telerik:RadPane>

<telerik:RadSplitBar ID="VerticalSplitBar" runat="server"CollapseMode="Forward" />

<telerik:RadPane ID="ContentPane" runat="server">

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

</telerik:RadSplitter>

</div>

</form>

</body>

</html>

vbdavid

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
（Radcontrol学习笔记）第七篇：如何让RadSplitBar控件最大化（类似framework的效果）

Splitter - Resize with WindowClick here for a full window example.A common scenario in the use of RadSplitter control is when itsWidth andHeight properties are set to 100% - you needa comple
复制链接

扫一扫

专栏目录