Documentation

Search 

Contents

  1. Introduction
  2. Getting Started
  3. Trinidad Concepts
  4. Code View Support
  5. Design View Support
  6. Tag Object Toolbars
  7. Server Behaviors
  8. Property Inspectors
Selected 9. Trinidad Tag Reference

10. Trinidad Core Tag Reference

Contents > Trinidad Core Tag Reference > tr:panelPage

< tr:panelList tr:panelPageHeader >

tr:panelPage

The tr:panelPage tag is used to lay out a page.

Example

<tr:panelPage>
  <f:facet name="navigation1">
    <tr:navigationPane hint="tabs">
      <tr:commandNavigationItem text="Sports" />
      <tr:commandNavigationItem text="Household" selected="true" />
      <tr:commandNavigationItem text="Automotive" />          
    </tr:navigationPane>
  </f:facet>
  <f:facet name="location">
    <tr:breadCrumbs>
      <tr:commandNavigationItem text="Sports" />
      <tr:commandNavigationItem text="Cycling" />
      <tr:commandNavigationItem text="Bikes" />
      <tr:commandNavigationItem text="Tires" />
    </tr:breadCrumbs>
  </f:facet>      
  <f:facet name="navigation2">
    <tr:navigationPane hint="bar">
      <tr:commandNavigationItem text="Page 1" selected="true" />
      <tr:commandNavigationItem text="Page 2" disabled="true" />
      <tr:commandNavigationItem text="Page 3" />
      <tr:commandNavigationItem text="Page 4" />
    </tr:navigationPane>
  </f:facet>
  <f:facet name="navigation3">
    <tr:navigationPane hint="list">
      <tr:commandNavigationItem text="set 1" />
      <tr:commandNavigationItem text="set 2" />
      <tr:commandNavigationItem text="set 3" />
    </tr:navigationPane>
  </f:facet>
  <f:facet name="navigationGlobal">
    <tr:navigationPane hint="buttons">
      <tr:commandNavigationItem text="Home" />
      <tr:commandNavigationItem text="Help" />
      <tr:commandNavigationItem text="Sign Out" />
    </tr:navigationPane>
  </f:facet>
  <f:facet name="branding">
    <tr:panelGroupLayout layout="horizontal">          
      <tr:outputText value="My Company" />
    </tr:panelGroupLayout>
  </f:facet>
  <f:facet name="search">
    <tr:inputText />        
  </f:facet>
  <f:facet name="infoStatus">
    <tr:outputFormatted value="Some Status Information" />
  </f:facet>
  <f:facet name="appAbout">
    <tr:commandLink text="About Link Here" />    
  </f:facet>
  <f:facet name="appCopyright">
    <tr:outputText value="Some Copyright information"  />
  </f:facet>
  <f:facet name="infoReturn">
    <tr:commandLink text="Some Link" />       
  </f:facet>
  <f:facet name="infoFootnote">
    <tr:outputFormatted value="Some footnote text" />
  </f:facet>
  <f:facet name="infoUser"> 
    <tr:outputFormatted value="Some User Information" />
  </f:facet>
  <tr:outputText value="Content here" />
</tr:panelPage>

Rendered Output

Rendered tr:panelPage tag

Tag Attributes

attributeChangeListener Text
 
The attributeChangeListener attribute contains the reference to a method that is invoked when the renderer changes a property without the application’s request.
auxiliary1Size Text
 
The auxiliary1Size attribute is not supported.
auxiliary2Size Text
 
The auxiliary2Size attribute is not supported.
auxiliaryGlobalSize Text
 
The auxiliaryGlobalSize attribute is not supported.
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 inlineStyle attribute contains inline style information, such as background color.
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 partialTriggers attribute sets the ids of components that cause a partial update. Use single colon for components that are in naming containers and multiple colons to search through parent and grandparent containers.
rendered Boolean
 
A value-binding expression that evaluates to a Boolean condition indicating if this component should be rendered.
shortDesc Text
 
The shortDesc attribute displays help text you hover over the component.
styleClass CSS Class
 
The styleClass attribute sets the CSS class to apply to this component when it is rendered.
< tr:panelList tr:panelPageHeader >