West"

From Documentation
m
Line 17: Line 17:
  
 
<source lang="xml" >
 
<source lang="xml" >
<borderlayout height="500px">
+
<borderlayout height="450px">
<north size="50%" border="0">
+
<north title="North" maxsize="300" size="50%" splittable="true" collapsible="true">
 
<borderlayout>
 
<borderlayout>
<west size="25%" border="none" flex="true">
+
<west title="West" size="25%" flex="true" maxsize="250" splittable="true" collapsible="true">
 
<div style="background:#B8D335">
 
<div style="background:#B8D335">
<label value="25 style=" color:white ; font-size:50px " />
+
<label value="25%"
 +
style="color:white;font-size:50px" />
 
</div>
 
</div>
 
</west>
 
</west>
<center border="none" flex="true">
+
<center border="none">
<div style="background:#E6D92C">
+
<div style="background:#E6D92C" vflex="1">
<label value="25 style=" color:white ; font-size:50px " />
+
<label value="25%"
 +
style="color:white;font-size:50px" />
 
</div>
 
</div>
 
</center>
 
</center>
<east size="50%" border="none" flex="true">
+
<east size="50%" border="none">
<label value="Here is a non-borde style=" color:gray ;
+
<label value="Here is a non-border"
font-size:30px " />
+
style="color:gray;font-size:30px" />
 
</east>
 
</east>
 
</borderlayout>
 
</borderlayout>
Line 38: Line 40:
 
<center border="0">
 
<center border="0">
 
<borderlayout>
 
<borderlayout>
<west size="30%" flex="true" border="0">
+
<west maxsize="600" size="30%" border="0" splittable="true">
<div style="background:#E6D92C">
+
<div style="background:#E6D92C" vflex="1">
<label value="30 style=" color:white ; font-size:50px " />
+
<label value="30%"
 +
style="color:white;font-size:50px" />
 
</div>
 
</div>
 
</west>
 
</west>
 
<center>
 
<center>
<label value="Here is a borde style=" color:gray ;
+
<label value="Here is a border"
font-size:30px " />
+
style="color:gray;font-size:30px" />
 
</center>
 
</center>
<east size="30%" flex="true" border="0">
+
<east title="East" size="30%" collapsible="true">
<div style="background:#B8D335">
+
<div style="background:#B8D335"  vflex="1">
<label value="30 style=" color:white ; font-size:50px " />
+
<label value="30%"
 +
style="color:white;font-size:50px" />
 
</div>
 
</div>
 
</east>
 
</east>

Revision as of 03:41, 29 May 2012

West

Employment/Purpose

A west region of a border layout and only allows one component as its child.

Example

ZKCompRef Borderlayout.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">
				<div style="background:#E6D92C" vflex="1">
					<label value="25%"
						style="color:white;font-size:50px" />
				</div>
			</center>
			<east size="50%" border="none">
				<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%" border="0" splittable="true">
				<div style="background:#E6D92C" vflex="1">
					<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%" collapsible="true">
				<div style="background:#B8D335"  vflex="1">
					<label value="30%"
						style="color:white;font-size:50px" />
				</div>
			</east>
		</borderlayout>
	</center>
</borderlayout>

Supported Events

Name
Event Type
None None

Supported Children

*ALL

Use Cases

Borderlayout

Version History

Last Update : 2012/05/29


Version Date Content
     



Last Update : 2012/05/29

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.