Popup"

From Documentation
Line 14: Line 14:
 
= Example =
 
= Example =
  
[[Image:Popup.png]]
+
[[Image:ZKComRef_Popup.PNG]]
  
<syntax>
+
<source lang="xml">
<label value="Move Mouse Over Me!" tooltip="editPopup" />
 
 
<separator bar="true" />
 
<separator bar="true" />
 
<label value="Tooptip for Another Popup" tooltip="any" />
 
<label value="Tooptip for Another Popup" tooltip="any" />
<separator bar="true" />
 
...
 
 
<popup id="any" width="300px">
 
<popup id="any" width="300px">
 
<vbox>
 
<vbox>
Line 29: Line 26:
 
</vbox>
 
</vbox>
 
</popup>
 
</popup>
</syntax>
+
</source>
[[Image:Popup2.png]]
+
[[Image:ZKComRef_Popup2.PNG]]
<syntax>
+
<source lang="xml">
 
<textbox popup="popup, position=after_start"/>
 
<textbox popup="popup, position=after_start"/>
 
<popup id="popup" width="300px">
 
<popup id="popup" width="300px">
Line 40: Line 37:
 
</vbox>
 
</vbox>
 
</popup>
 
</popup>
</syntax>
+
</source>
  
 
=Supported events=
 
=Supported events=

Revision as of 03:47, 12 November 2010

Popup

Employment/Purpose

A container that is displayed as a popup. The popup window does not have any special frame. Popups can be displayed when an element is clicked by assigning the id of the popup to either the XulElement.setPopup(java.lang.String), XulElement.setContext(java.lang.String) or XulElement.setTooltip(java.lang.String) attribute of the element.


Example

ZKComRef Popup.PNG

<separator bar="true" />
<label value="Tooptip for Another Popup" tooltip="any" />
<popup id="any" width="300px">
	<vbox>
		ZK simply rich.
		<toolbarbutton label="ZK your killer Web application now!"
			href="http://www.zkoss.org" />
	</vbox>
</popup>

ZKComRef Popup2.PNG

<textbox popup="popup, position=after_start"/>
<popup id="popup" width="300px">
	<vbox>
		ZK simply rich.
		<toolbarbutton label="ZK your killer Web application now!"
			href="http://www.zkoss.org" />
	</vbox>
</popup>

Supported events

Name
Event Type
None None

Supported Children

*ALL

Use cases

Version Description Example Location
3.6 Smalltalk: Toolbar and Menus http://docs.zkoss.org/wiki/Toolbar_and_Menus#Customizable_Tooltip_and_Popup_Menus
3.6 A way to specify the position of the Popup component http://docs.zkoss.org/wiki/New_Features_of_ZK_3.6.1#A_way_to_specify_the_position_of_the_Popup_component
3.6 Popup, tooltip and context positions http://docs.zkoss.org/wiki/New_Features_of_ZK_3.6.3#Popup.2C_tooltip_and_context_positions

Version History

Version Date Content
     



Last Update : 2010/11/12

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