West"

From Documentation
Line 2: Line 2:
  
 
= West =
 
= West =
*Demonstration: [http://www.zkoss.org/zkdemo/userguide/#l1 Borderlayout]  
+
 
 +
*Demonstration: [http://www.zkoss.org/zkdemo/layout/border_layout Borderlayout]  
 
*Java API: <javadoc>org.zkoss.zul.West</javadoc>
 
*Java API: <javadoc>org.zkoss.zul.West</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.layout.West</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.layout.West</javadoc>
 +
*Style Guide: [http://books.zkoss.org/wiki/ZK_Style_Guide/XUL_Component_Specification/Borderlayout/Default_(West) West]
  
 
= Employment/Purpose =
 
= Employment/Purpose =
This component is a west region.
+
 
 +
A west region of a border layout and only allows one component as its child.
  
 
= Example =
 
= Example =
  
[[Image:ZKComRef_South_Example.jpg]]  
+
[[Image:ZKCompRef_Borderlayout.jpg]]  
  
 
<source lang="xml" >
 
<source lang="xml" >
Line 54: Line 57:
 
</source>
 
</source>
  
=Supported events=
+
=Supported Events=
 +
 
  
 
{| border="1" | width="100%"
 
{| border="1" | width="100%"
Line 60: Line 64:
 
! <center>Event Type</center>
 
! <center>Event Type</center>
 
|-
 
|-
| <center>onOpen</center>
+
| None
| '''Event:''' [[ZK_Component_Reference/Events/OpenEvent | OpenEvent]]
+
| None
 
 
Denotes user has opened or closed a component. Note: unlike onClose, this event is only a notification. The client sends this event after opening or closing the component.
 
 
|}
 
|}
 +
*Inherited Supported Events: [[ZK_Component_Reference/Base_Components/LayoutRegion#Supported_Events | LayoutRegion]]
  
 
=Supported Children=
 
=Supported Children=
Line 70: Line 73:
 
  *ALL
 
  *ALL
  
=Use cases=
+
=Use Cases=
  
[[ZK_Component_Reference/Layouts/Borderlayout|Borderlayout]]
+
[[ZK_Component_Reference/Layouts/Borderlayout#Use_Cases|Borderlayout]]
  
 
=Version History=
 
=Version History=

Revision as of 08:42, 15 November 2010

West

Employment/Purpose

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

Example

ZKCompRef Borderlayout.jpg

<borderlayout height="500px">
	<north size="50%" border="0">
		<borderlayout>
			<west size="25%" border="none" flex="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-borde style=" color:gray ;
					font-size:30px " />
			</east>
		</borderlayout>
	</north>
	<center border="0">
		<borderlayout>
			<west size="30%" flex="true" border="0">
				<div style="background:#E6D92C">
					<label value="30 style=" color:white ; font-size:50px " />
				</div>
			</west>
			<center>
				<label value="Here is a borde style=" color:gray ;
					font-size:30px " />
			</center>
			<east size="30%" flex="true" border="0">
				<div style="background:#B8D335">
					<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

Version Date Content
     



Last Update : 2010/11/15

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