Trinidad HTML Tag Reference - Frame Border Layout

Contents

10. Trinidad HTML Tag Reference

trh:frameBorderLayout

The trh:frameBorderLayout tag displays frames in the left, right, top, bottom, innerLeft, innerRight and center positions.

Example

<trh:frameBorderLayout shortDesc="Frame border layout demo">
       <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 width="100%" height="30pt" scrolling="yes"
                    shortDesc="Top frame"
                    source="frameBorderLayout.top.jsf" />
       </f:facet>
       <f:facet name="left" >
         <trh:frame width="10%" scrolling="auto"
                    shortDesc="Left frame"
                    source="frameBorderLayout.left.jsf" />
       </f:facet>
       <f:facet name="innerLeft" >
         <trh:frame width="10%" scrolling="auto"
                    shortDesc="Inner left frame"
                    source="frameBorderLayout.innerLeft.jsf" />
       </f:facet>
       <f:facet name="innerRight" >
         <trh:frame width="10%" scrolling="auto"
                    shortDesc="Inner right frame"
                    source="frameBorderLayout.innerRight.jsf" />
       </f:facet>
       <f:facet name="right" >
         <trh:frame width="10%" height="100%" scrolling="auto"
                    shortDesc="Right frame"
                    source="frameBorderLayout.right.jsf" />
       </f:facet>
       <f:facet name="bottom" >
         <trh:frame width="100%" height="30pt" scrolling="yes"
                    shortDesc="Bottom frame"
                    source="frameBorderLayout.bottom.jsf" />
       </f:facet>
       <f:facet name="center" >
         <trh:frame scrolling="auto"
                    shortDesc="Center frame"
                    source="hello.html" />
       </f:facet>
     </trh:frameBorderLayout>

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.

borderWidth	Text

The borderWidth attribute sets the width of the border.

frameBorderWidth	Text

The frameBorderWidth attribute sets the width of the frame border.

frameSpacing	Text

The frameSpacing attribute sets the amount of spacing for the frame.

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.

onload	Text

The onload attribute sets the JavaScript code to execute when the page is loaded.

onunload	Text

The onunload attribute sets the JavaScript code to execute when the page is unloaded.

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.

width	Text

The width attribute sets the width of the component.