ZK Component Reference/Layouts/Portallayout

Portallayout

• Demonstration: Portallayout
• Java API: Portallayout
• JavaScript API: Portallayout
• Style Guide: Portallayout
• Available in ZK EE only

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

<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.

• Inherited Supported Events: XulElement

Supported Children

* Portalchildren

Use Cases

Version	Description	Example Location

Version History

Version	Date	Content