Note that as a rule a JSF tag (excluding the page-level tags) may only contain other JSF tags. Panel tags, notably jspPanel can be used to work around this restriction (for example, put a jspPanel tag inside a JSF tag and then HTML and other JSF tags may be put inside the panel.
The available panel tags are:
Components that are initially hidden on the palette are denoted by an asterisk (*) next to their name in the tables.
Component | Tag Name | Description |
---|---|---|
*Panel - Box | <h:panelBox> | Creates a one row or one column table with one JSF tag
per cell. Creates a container in which you can group other components. One
use of panels is in the columns of a data table. When you drag a panel to
a column, you can control how multiple components in the column are organized.
The *List component organizes components
as a vertical or horizontal list. You have the following options for this
component:
|
Panel - Dialog | <hx:panelDialog> | Creates an block panel that behaves like a modal or modeless dialog box. The panel floats above the main page, displays an appropriate title bar, can be moved, and normally has a pair of OK and Cancel buttons. |
*Panel - Grid | <h:panelGrid> | Creates an table with x rows and y columns with one JSF tag per cell. |
*Panel - Group | <h:panelGroup> | Creates an inline panel, that is, corresponds to an HTML SPAN. The panel may only contain JSF tags. |
*Panel - JSP | <hx:jspPanel> | This component inserts a panel that can contain any other HTML, JSP, or Faces components within it. Most Faces components can contain other Faces tags but not HTML tags. However, this jspPanel component can contain both Faces and HTML tags. For example, you cannot usually create an HTML table within a column of a Faces data table. However, if you drag this component to the column, you can create an HTML table within it. In addition, the HTML table can also contain Faces tags. |
*Panel - Layout | <hx:panelLayout> | Snap to border that organizes components along the sides of the panel. Creates a five cell table with 3 rows where the top and bottom row are one cell and the middle row is three cells. JSF tags are organized into the five cells. |
Panel - Section | <hx:panelSection> | Creates a block panel that has a header that can be used to expand/collapse the display of the panel's content. |
Panel - Form Box | <hx:panelFormBox> | Creates an block panel contains a header area and one or more form items (label/field pairs). |
Form Item | <hx:formItem> | Within a Form Box, creates a label/field pair along with associated info, error and/or help processing. |
Form Messages | <hx:formMessages> | Within a Form Box, creates a common area for the display of error messages. |
Panels - Tabbed | <odc:tabbedPanel> | Creates a set of overlapping, tabbed pages. Each page can contain a set of components. The user clicks a tab to show the contents of that page. Refer to Event handlers for tabbed panels for more information on the events that you can use with tabbed panels. |
Tabbed SubPanel | <odc:bfPanel> | Creates a subpanel (a tab) within a tabbed panel. |
Tabbed ButtonPanel | <odc:buttonPanel> | Creates a subpanel for buttons within a tabbed panel. |