b35-2086302.zul

ZK是一个Ajax Java Web框架

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

<!--
B35-2086302.zul

{{IS_NOTE
	Purpose:
		
	Description:
		
	History:
		Mon Sep  1 18:22:30 TST 2008, Created by jumperchen
}}IS_NOTE

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

{{IS_RIGHT
}}IS_RIGHT
-->
<window title="Groupbox test" width="100%">
Please click the "Open or Close GroupBox" button, and then the border layout should display well.
<groupbox id="gb2" width="500px" open="false">
<caption image="/img/inet.png" label="Testing Group Box"/>
<borderlayout height="500px">
<north maxsize="300" size="50%" border="0" splittable="true"
collapsible="true">
<borderlayout>
<west size="25%" border="none" flex="true" maxsize="250"
splittable="true" collapsible="true">
<div style="background:#B8D335">
<label value="25%" style="color:white;font-size:50px"/>
</div>
</west>
<center border="none" flex="true">
<div style="background:#E6D92C">
<label value="25%" style="color:white;font-size:50px"/>
</div>
</center>
<east size="50%" border="none" flex="true">
<label value="Here is a non-border"
style="color:gray;font-size:30px"/>
</east>
</borderlayout>
</north>
<center border="0">
<borderlayout>
<west maxsize="600" size="30%" flex="true" border="0"
splittable="true" collapsible="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 size="30%" flex="true" border="0" collapsible="true">
<div style="background:#B8D335">
<label value="30%" style="color:white;font-size:50px"/>
</div>
</east>
</borderlayout>
</center>
</borderlayout>
<vbox>TestVbox.</vbox>
</groupbox>
<button label="Open or Close GroupBox"
onClick="gb2.setOpen(!gb2.isOpen());"/>
</window>