Arranging Items Around a Central Area (continued)
right: Renders children on the right of the center area between top and bottom facet children. If the reading direction is left to right, right has precedence over end if both right and end facets are used. If the reading direction is right to left, right also has precedence over start if both right and start facets are used.
innerTop: Renders children above the center area but below the top facet children
innerBottom: Renders children below the center area but above the bottom facet children
innerLeft: Similar to left, but renders between innerTop and innerBottom, and between left and the center area
innerRight: Similar to right, but renders between innerTop and innerBottom, and between right and the center area
innerStart: Similar to innerLeft, if the reading direction is left to right and similar to innerRight, if the reading direction is right to left
innerEnd: Similar to innerRight, if the reading direction is left-to-right and similar to innerLeft, if the reading direction is right-to-left
Note: For BiDi support (right to left layout), Oracle Applications developers should not use the left and right areas of af:panelBorderLayout. Start and end should be used instead of left and right.
To add items in predefined areas using PanelBorderLayout, perform the following steps :
1. Add the Panel Border Layout component to the JSF page.
2. To place content in the center area, insert the desired components inside af:panelBorderLayout.
3. The children components are displayed consecutively in the order in which you inserted the desired components. If you want some other type of layout for the children, wrap the components inside af:panelGroupLayout.
4. To place content in one of the named areas around the center area, do one of the following:
If the facet is visible (for example, start or end), insert the desired components into the facet, grouping multiple components because a facet can take only one child.
If the facet is not visible, right-click af:panelBorderLayout, select Facets - Panel Border Layout from the context menu, and choose a facet name from the list. Visible facets are indicated by a check mark in front of the facet name. Insert the desired components into the visible facet.