TabbedPane Component

Description

The tabbedPane Component provides a way to show more information on a single page. It can download the data asynchronously via AJAX.

The tabbedPane Component has the following capabilities :

  • ICloseEventCapability
  • IClosableCapability
  • IPreSelectionEventCapability
  • IShowValueCapability


The default tabbedPane renderer is linked to the f_tabbedPane javascript class. f_tabbedPane extends f_cardBox


Table of component style classes:

Style Name Description
f_tabbedPane Defines styles for the wrapper element
f_tabbedPane_title Defines styles for the TABLE element
f_tabbedPane_content Defines styles for the DIV element
f_tabbedPane_tab Defines styles for the DIV element

Screen Shot

Syntax

<v:tabbedPane 
        asyncRenderMode="buffer" 
        width="436" 
        height="430">
	<v:tab 
            text="${messages.editCard_tab_contact}" 
            accessKey="${messages.editCard_tabKey_contact}">
		<table ...
	</v:tab>
	<v:tab 
            text="${messages.editCard_tab_address}" 
            accessKey="${messages.editCard_tabKey_address}">
		...
	</v:tab>
</v:tabbedPane>

Instructions