Developing Web 2.0 applications
with JavaServerFaces
and Dreamweaver
>> Just Became Easier
Documentation
Search
  1. Introduction
  2. Getting Started
  3. Trinidad Concepts
  4. Code View Support
  5. Design View Support
  6. Tag Object Toolbars
  7. Trinidad Server Behaviors
  8. Trinidad Property Inspectors
  9. Trinidad Tag Reference
Trinidad Core Tag Library
  tr:attribute
  tr:breadCrumbs
  tr:chart
  tr:chooseColor
  tr:chooseDate
  tr:column
  tr:commandButton
  tr:commandLink
  tr:commandNavigationItem
  tr:componentDef
  tr:componentRef
  tr:convertColor
  tr:convertDateTime
  tr:convertNumber
  tr:document
  tr:facetRef
  tr:forEach
  tr:form
  tr:goButton
  tr:goLink
  tr:group
  tr:icon
  tr:image
  tr:importScript
  tr:inputColor
  tr:inputDate
  tr:inputFile
  tr:inputHidden
  tr:inputListOfValues
  tr:inputNumberSpinbox
  tr:inputText
  tr:iterator
  tr:legend
  tr:media
  tr:message
  tr:messages
  tr:navigationPane
  tr:navigationTree
  tr:outputDocument
  tr:outputFormatted
  tr:outputLabel
  tr:outputText
  tr:page
  tr:panelAccordion
  tr:panelBorderLayout
  tr:panelBox
  tr:panelButtonBar
  tr:panelChoice
  tr:panelFormLayout
  tr:panelGroupLayout
  tr:panelHeader
  tr:panelHorizontalLayout
  tr:panelLabelAndMessage
  tr:panelList
  tr:panelPage
  tr:panelPageHeader
  tr:panelPartialRoot
  tr:panelRadio
  tr:panelSideBar
Selected tr:panelTabbed
  tr:panelTip
  tr:poll
  tr:processChoiceBar
  tr:progressIndicator
  tr:resetActionListener
  tr:resetButton
  tr:returnActionListener
  tr:selectBooleanCheckbox
  tr:selectBooleanRadio
  tr:selectItem
  tr:selectManyCheckbox
  tr:selectManyListbox
  tr:selectManyShuttle
  tr:selectOneChoice
  tr:selectOneListbox
  tr:selectOneRadio
  tr:selectOrderShuttle
  tr:selectRangeChoiceBar
  tr:separator
  tr:setActionListener
  tr:showDetail
  tr:showDetailHeader
  tr:showDetailItem
  tr:singleStepButtonBar
  tr:spacer
  tr:subform
  tr:switcher
  tr:table
  tr:train
  tr:tree
  tr:treeTable
  tr:validateByteLength
  tr:validateDateRestriction
  tr:validateDateTimeRange
  tr:validateDoubleRange
  tr:validateLength
  tr:validateLongRange
  tr:validateRegExp
  tr:validator
If you like this documentation, please take a look at my book:

9. Trinidad Core Tag Reference

Documentation > Trinidad > Trinidad Tag Reference > Trinidad Core Tag Library > tr:panelTabbed

< tr:panelSideBar tr:panelTip >

tr:panelTabbed
<p>The <tr:panelTabbed> tag displays ShowDetailItem nodes as tabs.</p>

Example

<tr:panelTabbed position="both">
  <tr:showDetailItem text="Trinidad" disabled="#{true}" />
  <tr:showDetailItem text="Apache">
    <tr:panelHeader text="Header 2">
      <tr:panelFormLayout> 
        <tr:inputText readOnly="true" label="Label 2-1" value="Value" styleClass="AFDataText" />
  <tr:inputText readOnly="true" label="Date/Time from last partial refresh" value="#{date.currentDate}" styleClass="AFDataText">
    <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z" />
  </tr:inputText> 
      </tr:panelFormLayout> 
    </tr:panelHeader> 
  </tr:showDetailItem> 
  <tr:showDetailItem text="Tab 3">
    <tr:panelHeader text="Header 3">
      <tr:panelFormLayout> 
  <tr:inputText readOnly="true" label="Label 3-1" value="Value" styleClass="AFDataText" />
  <tr:inputText readOnly="true" label="Date/Time from last partial refresh" value="#{date.currentDate}" styleClass="AFDataText">
    <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z" />
  </tr:inputText> 
      </tr:panelFormLayout> 
    </tr:panelHeader> 
  </tr:showDetailItem> 
  <tr:showDetailItem text="Tab 4">
    <tr:panelHeader text="Header 4">
      <tr:panelFormLayout> 
        <tr:inputText readOnly="true" label="Label 4-1" value="Value" styleClass="AFDataText" />
  <tr:inputText readOnly="true" label="Date/Time from last partial refresh" value="#{date.currentDate}" styleClass="AFDataText">
    <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z" />
  </tr:inputText> 
      </tr:panelFormLayout> 
    </tr:panelHeader> 
  </tr:showDetailItem> 
  <tr:showDetailItem text="Tab 5">
    <tr:panelHeader text="Header 5">
      <tr:panelFormLayout> 
  <tr:inputText readOnly="true" label="Label 5-1" value="Value" styleClass="AFDataText" />
  <tr:inputText readOnly="true" label="Date/Time from last partial refresh" value="#{date.currentDate}" styleClass="AFDataText">
    <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z" />
  </tr:inputText> 
      </tr:panelFormLayout> 
    </tr:panelHeader> 
  </tr:showDetailItem> 
</tr:panelTabbed>

Rendered Output

Rendered tr:panelTabbed tag

Tag Attributes

attributeChangeListener Text
 
a method reference to an attribute change listener. Attribute change events are not delivered for any programmatic change to a property. They are only delivered when a renderer changes a property without the application's specific request. An example of an attribute change events might include the width of a column that supported client-side resizing.
binding Expression
 
The value-binding expression linking this component tag to a backing bean property.
id Text
 
The unique identifier value for this component. The value must be unique within the closest naming container.
inlineStyle Text
 
the CSS styles to use for 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.
partialTriggers Text
 
the IDs of the components that should trigger a partial update. This component will listen on the trigger components. If one of the trigger components receives an event that will cause it to update in some way, this component will request to be updated too. Identifiers are relative to the source component, and must account for NamingContainers. If your component is already inside of a naming container, you can use a single colon to start the search from the root, or multiple colons to move up through the NamingContainers - "::" will search from the parent naming container, ":::" will search from the grandparent naming container, etc.
position Text
 
The position attribute sets the position of the tab bar. Valid values are "above", "both", and "below". The default is "both".
rendered Text
 
A value-binding expression that evaluates to a Boolean condition indicating if this component should be rendered.
shortDesc Text
 
The short description of the component. This text is commonly used by user agents to display tooltip help text.
styleClass Text
 
The styleClass attribute sets the CSS class to apply to this component when it is rendered.
< tr:panelSideBar tr:panelTip >