b35-2090220.zul

ZK是一个Ajax Java Web框架

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

<!--
B35-2090220.zul

{{IS_NOTE
	Purpose:
		
	Description:
		
	History:
		Wed Sep  3 11:32:09 TST 2008, Created by jumperchen
}}IS_NOTE

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

{{IS_RIGHT
}}IS_RIGHT
-->
<borderlayout height="500px">
<north title="North" maxsize="300" size="50%" splittable="true"
collapsible="true">

<borderlayout>
<west title="West" size="25%" flex="true" maxsize="250"
splittable="true" collapsible="true">
<div style="background:#B8D335">
<vbox>
<label value="1.Hide this area by clicking on double arrow."/>
<label value="2.Quickly click more than four times on the bar next to the
double arrow during sliding animation. You will see the whole area moving
up and down.(That is wrong)"/>
</vbox>
</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">
<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 title="East" size="30%" flex="true" collapsible="true">
<div style="background:#B8D335">
<label value="30%"
style="color:white;font-size:50px" />
</div>
</east>
</borderlayout>
</center>
</borderlayout>