10. ICEfaces Tag Reference
Contents > ICEfaces Tag Reference > ice:panelPopup
ice:panelPopup |
|
The ice:panelPopup tag is a container component that renders a window or panel that hovers on top of a web page. The popupPanel contains 2 regions which are defined using facets. The facet names are; header and body.
The panelPopup component can be used to provide a general popup window behavior such as moveable/dragable, resizeable and modal.
Example
<ice:dataTable value="#{backingBean.carList}" var="car" rendered="false">
<ice:column>
<f:facet name="header">
<ice:outputText value="Make" />
</f:facet>
<ice:outputText value="#{car.make}" />
</ice:column>
<ice:column>
<f:facet name="header">
<ice:outputText value="Model" />
</f:facet>
<ice:outputText value="#{car.model}" />
</ice:column>
</ice:dataTable>
<ice:panelPopup styleClass="panel">
<f:facet name="header">
<ice:outputText value="Header" />
</f:facet>
<f:facet name="body">
<ice:outputText value="Body" />
</f:facet>
</ice:panelPopup>
Rendered Output
|
Tag Attributes
| binding |
Expression |
| |
| The value-binding expression linking this component tag to a backing bean property. |
| draggable |
Boolean |
| |
| The draggable attribute is a boolean flag that when set to "true" makes this panel draggable. The user will be able to drag the panel to any position on the page. Note: all Draggable panels must be contained in a form. |
| effect |
Text |
| |
| The effect attribute sets the JavaScript effect. |
| id |
Text |
| |
| The unique identifier value for this component. The value must be unique within the closest naming container. |
| modal |
Boolean |
| |
| The modal attribute is a boolean flag that when set to "true" displays a modal popup. Note: this component will only cover the body of a document. Make sure the document body takes up 100% of the window. |
| rendered |
Boolean |
| |
| A value-binding expression that evaluates to a Boolean condition indicating if this component should be rendered. |
| renderedOnUserRole |
Text |
| |
| The renderedOnUserRole attribute is a boolean flag that when set to "true" and if a role has been configured for the user, then the component will be displayed. If the user does not have a role, then the component will not be displayed. |
| resizable |
Boolean |
| |
| The resizable attribute is a boolean flag that when set to "true" allows the popup to be resized. |
| style |
CSS Style |
| |
| The style attribute sets the CSS style definition to be applied to this component when it is rendered. |
| styleClass |
CSS Class |
| |
| The styleClass attribute sets the CSS class to apply to this component when it is rendered. |
| title |
Text |
| |
| The title attribute is a standard HTML attribute that sets the tooltip text to display for the rendered component. |
| visible |
Boolean |
| |
| The visible attribute is a boolean flag that when set to "true", displays the component. If this attribute is set to "false", then the CSS style is display:none. |
|