Thinlet - TabbedPane

TabbedPane

TabbedPane contains tabs and components. The first tab (has an index equal to 0) is associated with the first component. This example tabbed pane has 3 tab and 3 components (text areas), tabs are on the left, and the second component is visible.

<tabbedpane placement="left" selected="1" action="tabchanged">
  <tab text="One" icon="image.gif">
    <textarea text="One" />
  </tab>
  <tab text="Two" alignment="right">
    <textarea text="Two" />
  </tab>
  <tab text="Three" enabled="false">
    <textarea text="Three" />
  </tab>
</tabbedpane>

Properties
Name	Type	Default	Description
placement	choice	top	The placement for the tabs relative to the content. Possible values are: top, left, bottom, right, and stack. The default value, if not set, is top. The stack placement arranges tabs so that they resemble a sidebar.
selected	integer	0	The index of the currently selected tab, and the visible content (the first index is 0). Value -1 means there is no selected tab.
name, enabled, visible, tooltip, property, width, height, colspan, rowspan, weightx, weighty, halign, and valign parameters are similar to component

Listeners
Name	Description
action	Invokes the method when the tabbedpane has changed its selected tab index.

Tab

Tabs are identified in the component's list as 'tab', and components with the 'component' key.

Properties
Name	Type	Default	Description
mnemonic	integer	-1	Specifies the underlined char and the key combination which selects the tab.
name, enabled, text, icon, alignment, tooltip, and property parameters are similar to combobox choice

Keyboard-actions
Operation	Action
Left arrow, up arrow	Selects previous tab
Right arrow, down arrow	Selects next tab
Tab, Shift-Tab	Navigate forward, backward