b30-1939859.zul

来自「ZK是一个Ajax Java Web框架」· ZUL 代码 · 共 52 行

<?xml version="1.0" encoding="UTF-8"?>

<!--
B30-1939859.zul

{{IS_NOTE
	Purpose:
		
	Description:
		
	History:
		Thu Aug  7 17:28:54 TST 2008, Created by jumperchen
}}IS_NOTE

Copyright (C) 2008 Potix Corporation. All Rights Reserved.

{{IS_RIGHT
}}IS_RIGHT
-->
<zk>
1. Click the east collapse button.
<separator/>
2. Drag left splitter to the end of right side.
<separator/>
3. Click collapse button of the east.
<separator/>
5. The east splitter will under the west, that is correct.
<borderlayout height="500px">
<center border="0">
<borderlayout>
<west minsize="300" size="30%" flex="true" border="0"
splittable="true">
<div style="background:#E6D92C">
<label value="30%"
style="color:white;font-size:50px" />
</div>
</west>
<center>
<label value="Here is a border"
style="color:gray;font-size:30px" />
</center>
<east splittable="true" size="30%" flex="true" border="0" title="East" collapsible="true">
<div style="background:#B8D335">
<label value="30%"
style="color:white;font-size:50px" />
</div>
</east>
</borderlayout>
</center>
</borderlayout>
</zk>