Description

Render a panel for tabbedPanel.

Parameters

Name

Required

Default

Type

Description

tabName true   Object/String The text of the tab to display in the header tab list
subscribeTopicName false   Object/String Set subscribeTopicName attribute
remote false false Boolean determines whether this is a remote panel (ajax) or a local panel (content loaded into visible/hidden containers)
updateFreq false 0 Integer How often to re-fetch the content (in milliseconds)
delay false 0 Integer How long to wait before fetching the content (in milliseconds)
loadingText false   Object/String The text to display to the user while the new content is being fetched (especially good if the content will take awhile)
listenTopics false   Object/String Topic name to listen to (comma delimited), that will cause the DIV's content to be re-fetched
theme false   String The theme to use for the element. This tag will usually use the ajax theme.
href false   String The URL to call to obtain the content
errorText false   String The text to display to the user if the is an error fetching the content
showErrorTransportText false false Boolean when to show the error message as content when the URL had problems
afterLoading false   String Javascript code that will be executed after the content has been fetched
openTemplate false   Object/String Set template to use for opening the rendered html.
templateDir false   Object/String The template directory (other than default) to used to find the themes and hence the template.
template false   Object/String The template (other than default) to use for rendering the element
cssClass false   Object/String The css class to use for element
cssStyle false   Object/String The css style definitions for element ro use
title false   Object/String Set the html title attribute on rendered html element
disabled false   Object/String Set the html disabled attribute on rendered html element
label false   Object/String Label expression used for rendering a element specific label
labelPosition false left Object/String deprecated.
labelposition false   Object/String define label position of form element (top/left)
requiredposition false   Object/String define required position of required form element (left|right)
name false   Object/String The name to set for element
required false false Boolean If set to true, the rendered element will indicate that input is required
tabindex false   Object/String Set the html tabindex attribute on rendered html element
value false   Object/String Preset the value of input element.
onclick false   Object/String Set the html onclick attribute on rendered html element
ondblclick false   Object/String Set the html ondblclick attribute on rendered html element
onmousedown false   Object/String Set the html onmousedown attribute on rendered html element
onmouseup false   Object/String Set the html onmouseup attribute on rendered html element
onmouseover false   Object/String Set the html onmouseover attribute on rendered html element
onmousemove false   Object/String Set the html onmousemove attribute on rendered html element
onmouseout false   Object/String Set the html onmouseout attribute on rendered html element
onfocus false   Object/String Set the html onfocus attribute on rendered html element
onblur false   Object/String Set the html onblur attribute on rendered html element
onkeypress false   Object/String Set the html onkeypress attribute on rendered html element
onkeydown false   Object/String Set the html onkeydown attribute on rendered html element
onkeyup false   Object/String Set the html onkeyup attribute on rendered html element
onselect false   Object/String Set the html onselect attribute on rendered html element
onchange false   Object/String Set the html onchange attribute on rendered html element
accesskey false   Object/String Set the html accesskey attribute on rendered html ekement
tooltip false String Set the tooltip of this particular component
tooltipConfig false String Set the tooltip configuration
id false   Object/String id for referencing element. For UI and form tags it will be used as HTML id attribute

Examples

The following is an example of a tabbedpanel and panel tag utilizing local and remote content.

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.

<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>