Popup"

From Documentation
Line 3: Line 3:
 
= Popup  =
 
= Popup  =
  
*Demonstration: [http://www.zkoss.org/zkdemo/userguide/#t5 Tooltips and Popup]  
+
*Demonstration: [http://www.zkoss.org/zkdemo/menu/pop-ups Tooltips and Popup]  
 
*Java API: <javadoc>org.zkoss.zul.Popup</javadoc>
 
*Java API: <javadoc>org.zkoss.zul.Popup</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.wgt.Popup</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.wgt.Popup</javadoc>
 +
*Style Guide: [[ZK_Style_Guide/XUL_Component_Specification/Popup | Popup]]
  
 
= Employment/Purpose =
 
= 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.  
 
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 =
 
= Example =
Line 39: Line 39:
 
</source>
 
</source>
  
=Supported events=
+
=Supported Events=
  
 
{| border="1" | width="100%"
 
{| border="1" | width="100%"
Line 48: Line 48:
 
| None
 
| None
 
|}
 
|}
 +
*Inherited Supported Events: [[ZK_Component_Reference/Base_Components/XulElement#Supported_Events | XulElement]]
  
 
=Supported Children=
 
=Supported Children=
Line 53: Line 54:
 
  *ALL
 
  *ALL
  
=Use cases=
+
=Use Cases=
  
 
{| border='1px' | width="100%"
 
{| border='1px' | width="100%"

Revision as of 03:54, 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.