How to Use the panelBox Component

8-54 Web User Interface Developers Guide for Oracle Application Development Framework enable users to select and navigate to those panes that are out of view. Figure 8–35 shows the overflow icon circled in the lower right-hand corner displayed in the Folders panel of the File Explorer application when there is not enough room to display the Search panel. Figure 8–35 Overflow Icon In panelAccordion When the user clicks the overflow icon, ADF Faces displays the overflow popup menu as shown in Figure 8–36 for the user to select and navigate to. Figure 8–36 Overflow Popup Menu in panelAccordion You can also configure the panelAccordion so that the panes can be rearranged by dragging and dropping, as shown in Figure 8–37 . Organizing Content on Web Pages 8-55 Figure 8–37 Panes Can Be Reordered by Dragging and Dropping When the order is changed, the displayIndex attribute on the showDetailItem components also changes to reflect the new order. To use the panelAccordion component, see Section 8.9.1, How to Use the panelAccordion Component. The panelTabbed component creates a series of tabbed panes. Unlike the panelAccordion panes, the panelTabbed panes are not collapsible or expandable. Instead, when users select a tab, the contents of the selected tab are displayed. The tabs may be positioned above the display area, below the display area, or both. You can configure a panelTabbed component so that the individual tabs can be closed. You can have it so that all tabs can be closed, all but the last tab can be closed, or no tabs can be closed. When tabs are configured to be closed, an X is displayed at the end of the tab. You can also configure tabs so that they display a disabled X, meaning it can be closed, but is currently disabled. You can configure when the showDetailItem components that contain the contents for each of the tabs will be created. When you have a small number of tabs, you can have all the showDetailItem components created when the panelTabbed component is first created, regardless of which tab is currently displayed. However, if the panelTabbed component contains a large number of showDetailItem components, the page might be slow to render. To enhance performance, you can instead configure the panelTabbed component to create a showDetailItem component only when its corresponding tab is selected. You can further configure the delivery method to either destroy a showDetailItem once the user selects a different Note: Items in the overflow cannot be reordered.