10. Trinidad Core Tag Reference
Contents > Trinidad Core Tag Reference > tr:panelPageHeader
tr:panelPageHeader |
|
The tr:panelPageHeader tag is used to lay out the top portion of the page.
Example
<tr:panelPageHeader>
<f:facet name="branding">
<tr:panelGroupLayout>
<tr:outputFormatted value="Customer <b>Branding Company - Menlo Park</b>" styleUsage="inContextBranding" />
</tr:panelGroupLayout>
</f:facet>
<f:facet name="navigationGlobal">
<tr:navigationPane hint="buttons">
<tr:commandNavigationItem text="Help" />
<tr:commandNavigationItem text="Help 2" />
</tr:navigationPane>
</f:facet>
<f:facet name="navigation1">
<tr:navigationPane hint="tabs">
<tr:commandNavigationItem text="Tab1" />
<tr:commandNavigationItem text="Tab2" />
<tr:commandNavigationItem text="Tab3" />
</tr:navigationPane>
</f:facet>
<f:facet name="navigation2">
<tr:navigationPane hint="bar">
<tr:commandNavigationItem text="Bar1" />
<tr:commandNavigationItem text="Bar2" />
<tr:commandNavigationItem text="Bar3" />
</tr:navigationPane>
</f:facet>
<f:facet name="menuSwitch">
<tr:navigationPane hint="choice">
<tr:commandNavigationItem text="Welcome" />
<tr:commandNavigationItem text="Hello" />
<tr:commandNavigationItem text="Goodbye" />
</tr:navigationPane>
</f:facet>
<f:facet name="brandingApp">
<tr:image source="http://localhost:7576/trinidad/images/dfb.gif" />
</f:facet>
<f:facet name="search">
<tr:inputText />
</f:facet>
<f:facet name="brandingAppContextual">
<tr:outputFormatted value="Customer <b>InContextBranding Company - Menlo Park</b>" styleUsage="inContextBranding" />
</f:facet>
</tr:panelPageHeader>
Rendered Output
|
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. |
| binding |
Expression |
| |
| The value-binding expression linking this component tag to a backing bean property. |
| chromeType |
Text |
| |
| The chromeType attribute can be set to "compact" or "expanded". The value "compact" displays the product branding beside the corporate branding. The value "expanded" displays the product branding below the corporate branding. The default is "compact". |
| 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. |
|