...
Attribute | Type | Required | Default | Description |
|---|---|---|---|---|
id | string | TRUE |
|
|
name | string | TRUE |
|
|
value | string | FALSE |
|
|
required | boolean | FALSE |
|
|
disabled | boolean | FALSE |
|
|
theme | string | FALSE |
|
|
template | string | FALSE | tabbedpanel |
|
cssClass | string | FALSE |
|
|
cssStyle | string | FALSE |
|
|
label | string | FALSE |
|
|
labelposition | string | FALSE |
|
|
tabindex | string | FALSE |
|
|
onclick | string | FALSE |
|
|
ondblclick | string | FALSE |
|
|
onmousedown | string | FALSE |
|
|
onmouseup | string | FALSE |
|
|
onmouseover | string | FALSE |
|
|
onmousemove | string | FALSE |
|
|
onmouseout | string | FALSE |
|
|
onfocus | string | FALSE |
|
|
onblur | string | FALSE |
|
|
onkeypress | string | FALSE |
|
|
onkeydown | string | FALSE |
|
|
onselect | string | FALSE |
|
| onchange | string | FALSE |
|
The id to assign the component |
Additional Configuration
If you are looking for the "nifty" rounded corner look, there is additional configuration. This assumes that the background color of the tabs is white. If you are using a different color, please modify the parameter in the Rounded() method.
| Code Block |
|---|
<link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/tabs.css"/>">
<link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/niftycorners/niftyCorners.css"/>">
<link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/niftycorners/niftyPrint.css"/>" media="print">
<script type="text/javascript" src="<ww:url value="/webwork/niftycorners/nifty.js"/>"></script>
<script type="text/javascript">
dojo.event.connect(window, "onload", function() {
if (!NiftyCheck())
return;
Rounded("li.tab_selected", "top", "white", "transparent", "border #ffffffS");
Rounded("li.tab_unselected", "top", "white", "transparent", "border #ffffffS");
// "white" needs to be replaced with the background color
});
</script>
|