panelTabSet

The panelTabSet is a container component which itself contains one or more panelTab components, which are also container components. The panelTabSet component displays the "active" panelTab, hiding the contents of the others. Users can select which panelTab to make visible by clicking on the tab header of the panelTab that they want to display.

The panelTabSet component can be used in cases where a file-tab navigation interface is appropriate.

The following code shows how a basic tabbed pane containing 3 tab panels can be created:

<ice:panelTabSet>
 
        <ice:panelTab id="tab1" label="Tab1">
                <ice:inputTextarea ></ice:inputTextarea>
        </ice:panelTab>
 
        <ice:panelTab label="Tab2">
                <ice:inputTextarea ></ice:inputTextarea>
        </ice:panelTab>
 
        <ice:panelTab id="tab3" label="Tab3">
                <ice:inputTextarea ></ice:inputTextarea>
        </ice:panelTab>
 
</ice:panelTabSet>

The following code shows how a tabbed pane with dynamic tab panels can be created using the new var and value attributes:

<ice:panelTabSet var="tab" value="#{tabbedPaneExample.tabs}" tabPlacement="bottom" >
	<ice:panelTab label="#{tab.label}" >
		<ice:outputText value="#{tab.content}" />
	</ice:panelTab>
</ice:panelTabSet>