Developer reference The XUL Components Components Borderlayout

From Documentation

Jump to: navigation, search

Contents

Borderlayout

The layout component is a nested component. The parent component is borderlayout, and its children components include north, south, center, west, and east. The combination of children components of borderlayout is free.

Image:layout.jpg 

<borderlayout height="450px">
	<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>

Class Name

org.zkoss.zkex.zul.Borderlayout

Supported Child Components

[#North North], [#East East], [#West West], [#South South] , [#Center Center]

Supported Events 

*None

Properties 

*None

Methods

Name
Description
Return Data Type
getCenter() Returns center component Center
getEast() Returns east component East
getNorth() Returns north component North
getSouth() Returns south component South
getWest() Returns west componennt West
insertBefore(org.zkoss.zk.ui.Component child, org.zkoss.zk.ui.Component insertBefore)
resize() Re-size the layout component.

Inherited From

Inherited From
[#HtmlBasedComponent org.zkoss.zk.ui.HtmlBasedComponent]
[#AbstractComponent org.zkoss.zk.ui.AbstractComponent ]
Retrieved from "http://docs.zkoss.org/wiki/Developer_reference_The_XUL_Components_Components_Borderlayout"