Portallayout"

From Documentation
m
Line 10: Line 10:
  
 
= Employment/Purpose =
 
= Employment/Purpose =
A <tt>portallayout</tt> lays out a container which can have multiple columns, and each column might have any number panels placed vertically with different heights. <tt>Portallayout</tt> allows the user to drag-and-drop a panel to change its location.
+
A <tt>portallayout</tt> lays out a container which can have multiple columns, and each column might have any number panels placed vertically with different heights. <tt>Portallayout</tt> allows users to drag-and-drop a panel to change its location.
  
 
When using <tt>Portallayout</tt>, you have to assign the width (either present or pixel) to each <tt>Portalchildren</tt>, or the result might depend on the browser, and not as expected.
 
When using <tt>Portallayout</tt>, you have to assign the width (either present or pixel) to each <tt>Portalchildren</tt>, or the result might depend on the browser, and not as expected.

Revision as of 10:18, 29 July 2011

Portallayout

Employment/Purpose

A portallayout lays out a container which can have multiple columns, and each column might have any number panels placed vertically with different heights. Portallayout allows users to drag-and-drop a panel to change its location.

When using Portallayout, you have to assign the width (either present or pixel) to each Portalchildren, or the result might depend on the browser, and not as expected.

Example

ZKComRef Portallayout Example.PNG


<portallayout>
	<portalchildren width="50%">
		<panel height="150px" title="Yahoo">
			<panelchildren>
				<iframe width="100%" src="http://www.yahoo.com/"/>
			</panelchildren>
		</panel>
		<panel height="300px" title="Google">
			<panelchildren>
				<iframe width="100%" src="http://www.google.com/"/>
			</panelchildren>
		</panel>
	</portalchildren>
	<portalchildren width="50%">
		<panel height="150px" title="ZK">
			<panelchildren>
				<iframe width="100%" src="http://www.zkoss.org/"/>
			</panelchildren>
		</panel>
	</portalchildren>
</portallayout>

Supported Events

Name
Event Type
onPortalMove
Event: PortalMoveEvent

Represents an event caused by a portal being moved.

Supported Children

* Portalchildren

Use Cases

Version Description Example Location
     

Version History

Last Update : 2011/07/29


Version Date Content
     



Last Update : 2011/07/29

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