Anchorchildren"

From Documentation
(Created page with "{{ZKComponentReferencePageHeader}} = Anchorchildren = *Demonstration: N/A *Java API: <javadoc>org.zkoss.zul.Anchorchildren</javadoc> *JavaScript API: <javadoc directory="jsdoc"...")
 
m ((via JWB))
Line 64: Line 64:
 
=Supported Events=
 
=Supported Events=
  
{| border="1" | width="100%"
+
{| class='wikitable' | width="100%"
 
! <center>Name</center>
 
! <center>Name</center>
 
! <center>Event Type</center>
 
! <center>Event Type</center>
Line 78: Line 78:
 
=Use Cases=
 
=Use Cases=
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Description !! Example Location
 
! Version !! Description !! Example Location
 
|-
 
|-
Line 88: Line 88:
 
=Version History=
 
=Version History=
 
{{LastUpdated}}
 
{{LastUpdated}}
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Date !! Content
 
! Version !! Date !! Content
 
|-
 
|-

Revision as of 13:11, 7 January 2022

Anchorchildren

Employment/Purpose

The children of Anchorlayout that can anchor to the position that according to the size of the Anchorlayout.

Example

ZKComRef Anchorlayout Example.png

<window title="anchorlayout Demo" border="normal" width="100%"
	height="100%">
	<anchorlayout id="al" width="100%" vflex="1"
		style="overflow:auto">
		<anchorchildren height="200px" anchor="-100">
			<window title="win1" border="normal" width="100%"
				height="100%">
				height is "200px" and width is its parent size minus 100
			</window>
		</anchorchildren>
		<anchorchildren anchor="50% -200">
			<window title="win2" border="normal" width="100%"
				height="100%">
				width is its parent size's 50%, and height is its parent
				size minus 200
			</window>
		</anchorchildren>
		<anchorchildren anchor="25% 20%">
			<window title="win3" border="normal" width="100%"
				height="100%">
				width is its parent size's 25%, and height is its parent
				size's 20%
			</window>
		</anchorchildren>
		<anchorchildren anchor="25% 20%">
			<window title="win4" border="normal" width="100%"
				height="100%">
				width is its parent size's 25%, and height is its parent
				size's 20%
			</window>
		</anchorchildren>
		<anchorchildren anchor="25% 20%">
			<window title="win5" border="normal" width="100%"
				height="100%">
				width is its parent size's 25%, and height is its parent
				size's 20%
			</window>
		</anchorchildren>
		<anchorchildren anchor="25% 20%">
			<window title="win6" border="normal" width="100%"
				height="100%">
				width is its parent size's 25%, and height is its parent
				size's 20%
			</window>
		</anchorchildren>
	</anchorlayout>
</window>

Supported Events

Name
Event Type
None None

Supported Children

*All

Use Cases

Version Description Example Location
     

Version History

Last Update : 2022/01/07


Version Date Content
6.0.0 October 4, 2011 Add the new Anchorchildren component



Last Update : 2022/01/07

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