<?xml version="1.0" encoding="UTF-8"?><!--B35-2104921.zul{{IS_NOTE	Purpose:			Description:			History:		Mon Sep 15 18:38:59 TST 2008, Created by jumperchen}}IS_NOTECopyright (C) 2008 Potix Corporation. All Rights Reserved.{{IS_RIGHT}}IS_RIGHT--><zk>1. Collapse the East and West sections.<separator/>2. Click on the collapsed East bar (not the button) to show it.<separator/>3. Click on the collapsed West bar to show it, and then the East bar will collapse, that is correct.(vice versa)<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">					<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">				<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></zk>