10. Trinidad HTML Tag Reference
Contents > Trinidad HTML Tag Reference > trh:frame
trh:frame |
|
The trh:frame tag represents an HTML frame element.
Example
<trh:html>
<trh:head title="FrameBorderLayout Demo"/>
<trh:frameBorderLayout shortDesc="Frame border layout demo" frameBorderWidth="2" borderWidth="10">
<f:facet name="alternateContent">
<tr:outputText value="Your browser does not support frames. Frames support is required for this demo page"/>
</f:facet>
<f:facet name="top" >
<trh:frame height="100px" scrolling="yes"
shortDesc="Top frame" inlineStyle="background-color:green"
source="frameTop.jsf" />
</f:facet>
<f:facet name="left" >
<trh:frame width="20%" scrolling="auto"
shortDesc="Left frame" inlineStyle="background-color:blue"
source="frameLeft.jsf" />
</f:facet>
<f:facet name="innerLeft" >
<trh:frame width="15%" scrolling="auto"
shortDesc="Inner left frame" inlineStyle="background-color:red"
source="frameInnerLeft.jsf" />
</f:facet>
<f:facet name="innerRight" >
<trh:frame width="20%" scrolling="auto" inlineStyle="background-color:yellow"
shortDesc="Inner right frame"
source="frameInnerRight.jsf" />
</f:facet>
<f:facet name="right" >
<trh:frame width="20%" height="100%" scrolling="auto"
shortDesc="Right frame" inlineStyle="background-color:orange"
source="frameRight.jsf" />
</f:facet>
<f:facet name="bottom" >
<trh:frame height="100px" scrolling="yes"
shortDesc="Bottom frame" inlineStyle="background-color:magenta"
source="frameBottom.jsf" />
</f:facet>
<f:facet name="center" >
<trh:frame scrolling="auto" inlineStyle="background-color:pink"
shortDesc="Center frame"
source="frameCenter.jsf" />
</f:facet>
</trh:frameBorderLayout>
</trh:html>
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. |
| height |
Text |
| |
| The height attribute sets the height of the component. |
| 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. |
| longDescURL |
Text |
| |
| The longDescURL attribute sets the URL which contains the long description of the image. |
| marginHeight |
Text |
| |
| The marginHeight attribute sets a height that is greater than zero pixels for the margin height. |
| marginWidth |
Text |
| |
| The marginWidth attribute sets a width that is greater than zero pixels for the margin width. |
| name |
Text |
| |
| The name attribute sets the name for the frame. |
| 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. |
| source |
Text |
| |
| The source attribute sets the URI for the location of the resource. |
| styleClass |
CSS Class |
| |
| The styleClass attribute sets the CSS class to apply to this component when it is rendered. |
| width |
Text |
| |
| The width attribute sets the width of the component. |
|