This page uses JavaScript and requires a JavaScript enabled browser.Your browser is not JavaScript enabled.
Loading...
Skip to main content
Please visit the Accessibility link to enable screen reader optimized content.
panelBorderLayout Demo
Accessibility
About 11.1.2.4.0...
Home
Documentation
Tag Doc...
Skinning...
Release Information...
JavaDoc...
JS Doc...
Component Sub-ID Documentation...
Related Demos
Skinning Demo
Visual Design Demo
View Source
Page...
Page Template...
Global Tools Fragment...
Skin
Custom
Extends fusion
richDemo
Extends fusion-simple
gold
README
flip the themes
gold - set colors
gold - generated images
gold - final version
green
green
greenNoImages
Extends blafplus
princess
rainforest
sporty
Extends simple
debug
Fusion
fusionFx v2.1
fusionFx v2
fusionFx v1.1
fusionFx
fusion-11.1.1.3.0
fusion
Fusion Simple (easy to colorize)
fusionFx-simple v2.1
fusionFx-simple v2
fusionFx-simple v1.1
fusionFx-simple
fusion-simple
BLAF+
blafplus-rich
blafplus-medium
simple
Settings
I use a screen reader
I use high contrast
I use large fonts
Enable animations
Optimize partial page rendering
Tabbed presentation
Change to dimensions from children
Change to dimensions from parent
Tag Guide
>
panelBorderLayout Demo
Bookmarkable Link
Find
Tag Guide
Alphabetical
Components
Active
Data Visualization Tools
Input
Layout
List of Values
Menu and Toolbar
Miscellaneous
Navigation
Output
Popup
Query
Table
Other Tags
Collapse
Expand
Expand All Below
Collapse All Below
Show as Top
Skinning
Feature Demos
Visual Designs
Styles
Commonly Confused
Tag Guide
Skinning
Feature Demos
Visual Designs
Styles
Commonly Confused
This is a demo for the panelBorderLayout component. Use the editor to the right to adjust the attributes for this demo.
This is the top facet
This is the left facet
Indexed Child 0 (an outputText).
Indexed Child 1 (another outputText) with some long text that we are hoping will wrap. Does it?
Indexed Child 2 (a panelGroupLayout)
This is the right facet
This is the bottom facet
Geometry Management
Component container display mode:
Stretched
|
Flow with Width
|
Flow without Width
Another example using only the start and end facets
…
User Name
Print Content
Editor
Attributes
…
clientComponent
customizationId
id
inlineStyle
rendered
shortDesc
styleClass
visible
Attributes with a 'strike through' have been deprecated!
Update
Container Geometry
Container
Container
Stretched
Flowing with width (space to stretch width)
Flowing without width (minimum width)
Editor
Container Geometry
OK
OK
Cancel