The Bubble Help component is a pop-up type window that provides detailed information to the end user when a mouse hovers on a particular screen element. A Bubble Help component can contain an icon depicting an alert message (information, warning,
error, or success, or a user-defined type specified in the indicators property) and a summary message, plus an optional detail message. The Bubble Help component can also contain a hyperlink.
This component is a JavaServer Faces 1.2 component. You see components that use this
version of JavaServer Faces when your project uses Java EE 5. For more information on JavaServer Faces 1.2,
see:
The Bubble Help component contains the following structure elements:
Bubble Title. This title appears in the title bar area.
Bubble Remove Control. This element closes the bubble window. It appears to the right of the bubble title bar.
Bubble Content Area. The main text of the bubble.
After dragging the button to from the Woodstock Composite category of the Palette to the Visual Designer, you can:
Select the Bubble Help component and edit its properties in the Bubble Help's Properties window. Some typical properties you might set are:
id. The name of the component. In the JSP file, this name is the value of the component's id attribute. In the page bean, this property's value is the name of the Bubble object.
duration. The number of milliseconds after which the popup help window should close.
openDelay. This property determines the delay in milliseconds before opening the bubble.
closeButton. Use this property to display a close button for the bubble.
Right-click the Bubble Help component and choose one of several actions:
Bind to Data. Dynamically set the summary text. The text comes from the object or data provider you specify, such as a column of a database table. For more information, see Bind to Data Dialog Box.
Property Bindings. Opens a dialog box that enables you to bind properties of the component in addition to the summary property to other objects or bean properties that update this component's properties automatically.
Add Binding Attribute. This option adds a binding attribute to the component.
Note: If you plan to script the component in Java code, you must manually add a binding attribute, which is bound using a value binding expression to a property of the backing page bean.
Remove Binding Attribute. This option removes the binding attribute from the component.
Snap to Grid. This option aligns the component along the grid lines in the Visual Designer.
Preview in Browser. See how the page renders in the default web browser for your system.