10. Tomahawk Tag Reference
Contents > Tomahawk Tag Reference > t:panelTabbedPane
t:panelTabbedPane |
|
The t:panelTabbedPane tag generates a panel container with a number of tabs. This component can be fully customized using CSS style attributes.
Example
<t:panelTabbedPane></t:panelTabbedPane>
|
Tag Attributes
| activeSubStyleClass |
CSS Class |
| |
| The activeSubStyleClass attribute defines the CSS class to be applied to an active sub-cell. |
| activeTabStyleClass |
CSS Class |
| |
| The activeTabStyleClass attribute defines the CSS class to be applied to an active tab. |
| align |
Text |
| |
| The align attribute is a standard HTML attribute that specifies this element's horizontal alignment. |
| bgcolor |
Color |
| |
| The bgcolor attribute sets the background color for the table. This value can be the name or the hexadecimal value of the color. |
| binding |
Expression |
| |
| The value-binding expression linking this component tag to a backing bean property. |
| border |
Text |
| |
| The border attribute sets the pixel width of the border to be drawn around the table. |
| cellpadding |
Text |
| |
| The cellpadding attribute sets the width between the border of each cell and its contents. |
| cellspacing |
Text |
| |
| The cellspacing attribute sets the width of the space between the outside and inside edges of the table as well as the space between cells. |
| datafld |
Text |
| |
| The W3C has reserved the datafld attribute for future use. |
| datasrc |
Text |
| |
| The W3C has reserved the datasrc attribute for future use. |
| dir |
Enumerated |
| |
| The dir attribute is a standard HTML attribute that overrides the default text directionality for this component. The values accepted for this component are "LTR" (left-to-right) and "RTL" (right-to-left). |
| disabledTabStyleClass |
CSS Class |
| |
| The disabledTabStyleClass attribute defines the CSS class to be applied to a disabled tab. |
| enabledOnUserRole |
Text |
| |
| The enabledOnUserRole attribute determines if this component will be rendered normally or not depending on the user's roles. |
| frame |
Text |
| |
The frame attribute sets the code specifying which sides of the frame around this table will be visible. The valid values for this attribute are:
- none (no sides, default value)
- above (top side only)
- below (bottom side only)
- hsides (top and bottom sides only)
- vsides (right and left sides only)
- lhs (left hand side only)
- rhs (right hand side only)
- box (all four sides) and
- border (all four sides)
|
| id |
Text |
| |
| The unique identifier value for this component. The value must be unique within the closest naming container. |
| inactiveSubStyleClass |
CSS Class |
| |
| The inactiveSubStyleClass attribute defines the CSS class to be applied to a disabled sub-cell. |
| inactiveTabStyleClass |
CSS Class |
| |
| The inactiveTabStyleClass attribute defines the CSS class to be applied to an inactive tab. |
| lang |
Text |
| |
| The lang attribute is a standard HTML attribute that sets the code describing the language to be used in the markup generated by this component. |
| onclick |
Text |
| |
| The onclick attribute sets the JavaScript code to execute when the mouse pointer is clicked over this element. |
| ondblclick |
Text |
| |
| The ondblclick attribute sets the JavaScript code to execute when the mouse pointer is double-clicked over this element. |
| onkeydown |
Text |
| |
| The onkeydown attribute sets the JavaScript code to execute when a key is pressed down over this element. |
| onkeypress |
Text |
| |
| The onkeypress attribute sets the JavaScript code to execute when a key is pressed and released over this element. |
| onkeyup |
Text |
| |
| The onkeyup attribute sets the JavaScript code to execute when a key is released over this element. |
| onmousedown |
Text |
| |
| The onmousedown attribute sets the JavaScript code to execute when the mouse pointer is pressed down over this element. |
| onmousemove |
Text |
| |
| The onmousemove attribute sets the JavaScript code to execute when the mouse pointer is moved within this element. |
| onmouseout |
Text |
| |
| The onmouseout attribute sets the JavaScript code to execute when the mouse pointer is moved away from this element. |
| onmouseover |
Text |
| |
| The onmouseover attribute sets the JavaScript code to execute when the mouse pointer is moved onto this element. |
| onmouseup |
Text |
| |
| The onmouseup attribute sets the JavaScript code to execute when the mouse button is released over this element. |
| rendered |
Boolean |
| |
| A value-binding expression that evaluates to a Boolean condition indicating if this component should be rendered. |
| rules |
Text |
| |
The rules attribute specifies which lines will appear between cells in the table. The valid values for this attribute are:
- none (no rules, default value)
- groups (between row groups)
- rows (between rows only)
- cols (between columns only)
- and all (between all rows and columns)
|
| selectedIndex |
Text |
| |
| The selectedIndex attribute defines the zero-based index of the tab to be displayed initially. |
| serverSideTabSwitch |
Boolean |
| |
| The serverSideTabSwitch attribute expects a boolean value that, when true, uses server-side tab switching. |
| style |
CSS Style |
| |
| The style attribute sets the CSS style definition to be applied to this component when it is rendered. |
| styleClass |
CSS Class |
| |
| The styleClass attribute sets the CSS class to apply to this component when it is rendered. |
| summary |
Text |
| |
| The summary attribute describes the purpose and structure of the table for accessibility support for assistive devices and non-visual user agents. |
| tabContentStyleClass |
CSS Class |
| |
| The tabContentStyleClass attribute defines the CSS class applied to the content of a tab. |
| title |
Text |
| |
| The title attribute is a standard HTML attribute that sets the tooltip text to display for the rendered component. |
| visibleOnUserRole |
Text |
| |
| The visibleOnUserRole attribute determines if this component will be visible or not depending on the user's roles. |
| width |
Text |
| |
| The width attribute specifies the width of this component. |
|