Portallayout"

From Documentation
Line 13: Line 13:
  
 
= Example =
 
= Example =
 +
[[Image:ZKComRef_Portallayout_Example.PNG]]
  
  
 
+
<source lang="xml" >
 
+
<portallayout>
 +
<portalchildren width="30%">
 +
<panel height="150px" title="Google Tools">
 +
<panelchildren>...</panelchildren>
 +
</panel>
 +
<panel height="300px" title="LabPixies Clock">
 +
<panelchildren>...</panelchildren>
 +
</panel>
 +
</portalchildren>
 +
<portalchildren width="30%">
 +
<panel height="150px" title="Google Tools">
 +
<panelchildren>...</panelchildren>
 +
</panel>
 +
</portalchildren>
 +
</portallayout>
 +
</source>
  
 
=Supported events=
 
=Supported events=

Revision as of 07:54, 12 May 2010

Portallayout

Employment/Purpose

A portallayout lays out a container which can have multiple columns, and each column may contain one or more panel. Portallayout provides a way to drag-and-drop panel into other portalchildren from the same portallayout.

Use Portallayout need assign width (either present or pixel) on every Portalchildren, or we cannot make sure about layout look.

Example

ZKComRef Portallayout Example.PNG


<portallayout>
	<portalchildren width="30%">
		<panel height="150px" title="Google Tools">
			<panelchildren>...</panelchildren>
		</panel>
		<panel height="300px" title="LabPixies Clock">
			<panelchildren>...</panelchildren>
		</panel>
	</portalchildren>
	<portalchildren width="30%">
		<panel height="150px" title="Google Tools">
			<panelchildren>...</panelchildren>
		</panel>
	</portalchildren>
</portallayout>

Supported events

Name
Event Type
None None

Supported Children

*ALL

Use cases

Version Description Example Location
5.0+    

Version History

Version Date Content
5.x.x x/x/20xx Initialization



Last Update : 2010/05/12

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