Popup"

From Documentation
m (Created page with 'init')
 
Line 1: Line 1:
init
+
{{ZKComponentReferencePageHeader}}
 +
 
 +
= Popup  =
 +
 
 +
*Demonstration: [http://www.zkoss.org/zkdemo/userguide/#t5 Tooltips and Popup]
 +
*Java API: <javadoc>org.zkoss.zul.Popup</javadoc>
 +
*JavaScript API: <javadoc directory="jsdoc">zul.wgt.Popup</javadoc>
 +
 
 +
= 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 =
 +
 
 +
[[Image:Popup.png]]
 +
 
 +
<source lang="xml" >
 +
<label value="Move Mouse Over Me!" tooltip="editPopup" />
 +
<separator bar="true" />
 +
<label value="Tooptip for Another Popup" tooltip="any" />
 +
<separator bar="true" />
 +
...
 +
<popup id="any" width="300px">
 +
<vbox>
 +
ZK simply rich.
 +
<toolbarbutton label="ZK your killer Web application now!"
 +
href="http://www.zkoss.org" />
 +
</vbox>
 +
</popup>
 +
</source>
 +
 
 +
 
 +
 
 +
=Supported events=
 +
 
 +
{| border="1" | width="100%"
 +
! <center>Name</center>
 +
! <center>Event Type</center>
 +
|-
 +
| None
 +
| None
 +
|}
 +
 
 +
=Supported Children=
 +
 
 +
*ALL
 +
 
 +
=Use cases=
 +
 
 +
{| border='1px' | width="100%"
 +
! Version !! Description !! Example Location
 +
|-
 +
| 3.6+
 +
| Smalltalk: Toolbar and Menus
 +
| [http://docs.zkoss.org/wiki/Toolbar_and_Menus#Customizable_Tooltip_and_Popup_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 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 http://docs.zkoss.org/wiki/New_Features_of_ZK_3.6.3#Popup.2C_tooltip_and_context_positions]
 +
|}
 +
 
 +
=Version History=
 +
 
 +
{| border='1px' | width="100%"
 +
! Version !! Date !! Content
 +
|-
 +
| 5.0.1
 +
| 5/5/2010
 +
| Initialization
 +
|}
 +
 
 +
{{ZKComponentReferencePageFooter}}

Revision as of 10:37, 5 May 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

File:Popup.png

<label value="Move Mouse Over Me!" tooltip="editPopup" />
<separator bar="true" />
<label value="Tooptip for Another Popup" tooltip="any" />
<separator bar="true" />
...
<popup id="any" 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
5.0.1 5/5/2010 Initialization



Last Update : 2010/05/05

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