Portalchildren"

From Documentation
Line 15: Line 15:
 
= Example =
 
= Example =
  
−
[[Image:ZKComRef_PortalLayout_Example.PNG]]
+
[[Image:ZKComRef_Portallayout_Example.PNG]]
 +
 
  
 
<source lang="xml" >
 
<source lang="xml" >
−
<window>
+
<portallayout>
−
Click "Change orient" button and move cursor over the fisheyebar before
+
<portalchildren width="30%">
−
it changes.
+
<panel height="150px" title="Google Tools">
−
<separator />
+
<panelchildren>...</panelchildren>
−
Fisheyebar will be out of expected.(That is wrong)
+
</panel>
−
<fisheyebar id="fish"
+
<panel height="300px" title="LabPixies Clock">
−
style="position: absolute; top: 50px;
+
<panelchildren>...</panelchildren>
−
        left:100px;margin:20px;"
+
</panel>
−
attachEdge="top">
+
</portalchildren>
−
<fisheye image="/img/icon_browser.png" label="Web Browser"
+
<portalchildren width="30%">
−
onClick="alert(self.label)" />
+
<panel height="150px" title="Google Tools">
−
<fisheye image="/img/icon_calendar.png" label="Calendar"
+
<panelchildren>...</panelchildren>
−
onClick="alert(self.label)" />
+
</panel>
−
<fisheye image="/img/icon_email.png" label="Emai onClick="alert(self.label)" />
+
</portalchildren>
−
<fisheye image="/img/icon_texteditor.png" label="Text Editor"
+
</portallayout>
−
onClick="alert(self.label)" />
 
−
<fisheye image="/img/icon_update.png" label="Software Update"
 
−
onClick="alert(self.label)" />
 
−
<fisheye image="/img/icon_users.png" label="User onClick="alert(self.label)" />
 
−
</fisheyebar>
 
−
<button label="Change orient">
 
−
<attribute name="onClick"> if (fish.orient.equals("horizontal")) {
 
−
fish.orient = "vertical"; } else { fish.orient = "horizontal"; }
 
−
</attribute>
 
−
</button>
 
−
</window>
 
 
</source>
 
</source>
  

Revision as of 10:57, 18 May 2010


DocumentationZK Component ReferenceLayoutsPortallayoutPortalchildren
Portalchildren

Portalchildren

Employment/Purpose

The column of Portallayout

Child of Portalchildren can only be Panel

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

Fisheye

Use cases

Version Description Example Location
     

Version History

Version Date Content
5.0.2 5/18/2010 Initialization



Last Update : 2010/05/18

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


Retrieved from "https://www.zkoss.org/_w/index.php?title=ZK_Component_Reference/Layouts/Portallayout/Portalchildren&oldid=1859"