-- JoaoQuintas - 13 Aug 2010

Tabs

The xvw:tabs component is a container for xvw:tab elements which render a "Tab" element inside a web viewer. Tabs can be used to group information, to create divisions in a form an can be used in creative ways, such as using a set of tabs inside a form as a wizard, or tutorial. Tabs are the component to use when you require the scroll bar to appear when content overflows the available space in the viewer.

XML Definition

A Tab is declared as following:

<xvw:tabs>

   <xvw:tab></xvw:tab>

   <xvw:tab></xvw:tab>

</xvw:tabs>

Properties

Property	Description	Type	Possible Values	Default Value	Usage	Notes
activeTab	Sets the active tab inside the container	String	Any tab identifier	-	optional	If there's a xwv:tab component with id 't1' then the string 't1' should be used to mark the active tab
renderTabBar	Determines where the tab bar (where tab labels are rendered) is visible or not	EL/Boolean	True/False	True	optional
layout	Sets the type of layout of the container, can be adjusted to window, to parent and to the form	String	'fit-parent', 'fit-window', 'form'	fit-parent		'fit-parent' and 'fit-window' will fit the size of the tabs container to the entire window, while 'form' will adjust to the form size
height	Height of the tabs component	String		'150px'		Only works when 'form' is the value for the layout property
bodyStyle	CSS Style to be applied to the body of the tabs	String	"font-size:12px;"		optional	Must be a valid CSS style applicable to the style attribute of an element

Possible Child Components:

Tab (see bellow)

Tab

A Tab is a XVW component that's used to create tabs inside a viewer.

XML Definition

A Tab is declared as following:

<xvw:tabs>

   <xvw:tab label="TAB_LABEL_TEXT" visible="EVALUATE_EXPRESSION">

   CONTENT

   </xvw:tab>

</xvw:tabs>

Component from which the Tab Extends

• None

Components that Extend Tab

• None

Tab Properties

Property	Description	Type	Possible Value	Default Value	Usage	Example
label	The display name of the tab	String	Any string		optional
visible	Whether or not this tab is visible	EL/Boolean	True/False	True	optional
icon	Path to an icon to show in the tab	String	path/to/icon.gif/png	optional

Possible Child Components:

• COMPLETE