<af:panelSpringboard>

Attachment Mode

Geometry Management

• This component can be stretched by a parent layout component that stretches its children, e.g., panelStretchLayout if the dimensionsFrom attribute is set to "parent".
• This component uses <af:showDetailItem> to organize content into each item body panel. The <af:showDetailItem> will allow stretching if:
  • The panelSpringboard's can be stretched by its parent
  • The showDetailItem contains a single child
  • It has stretchChildren="first" specified
  • The child has no width, height, margin, border, and padding
  • The child must be capable of being stretched
  Examples of components that can be stretched inside of a <af:showDetailItem> include:
  • <af:decorativeBox>
  • <af:panelAccordion>
  • <af:panelBox>
  • <af:panelCollection>
  • <af:panelGroupLayout layout="scroll">
  • <af:panelGroupLayout layout="vertical">
  • <af:panelHeader>
  • <af:panelSplitter>
  • <af:panelSpringboard>
  • <af:panelStretchLayout>
  • <af:panelTabbed>
  • <af:region>
  • <af:table>
  • <af:tree>
  • <af:treeTable>
  If you try to put a component inside of this component and that child component does not support being stretched, then the component hierarchy is illegal. To make it legal, you need to insert another intermediate component between this component and the child component. This intermediate component must support being stretched and must not stretch its children. An example of such a component that is commonly used for this purpose is <af:panelGroupLayout layout="scroll">. By using a wrapper like this, you create a flowing layout area where nothing will be stretched inside of it. Examples of components that do not support being stretched inside of these panelStretchLayout facets (and therefore need to be wrapped) include:
  • <af:panelBorderLayout>
  • <af:panelFormLayout>
  • <af:panelGroupLayout layout="default">
  • <af:panelGroupLayout layout="horizontal">
  • <af:panelLabelAndMessage>
  • <af:panelList>
  • <trh:tableLayout>

Code Example(s)

The following is an example of panelSpringboard.

<af:panelSpringboard id="ps1" displayMode="strip">
  <af:showDetailItem icon="/images/opportunities.png" textAndAccessKey="Opportunities"
                                     shortDesc="Opportunities Panel"" id="sdi1">
    <af:decorativeBox>
      <af:outputText value="content for opportunities goes here" id="tot1"/>
      <af:outputText value="Tab 1 Second Child" id="tot2"/>
    </af:decorativeBox>
  </af:showDetailItem>
  <af:showDetailItem icon="/images/architecture.png"  text="Architecture" id="sdi2" disclosed="true">
     <af:panelTabbed position="start">
                      ...
     </af:panelTabbed>
  </af:showDetailItem>
  <af:showDetailItem icon="/images/release.png" text="Release" id="sdi3">
    <af:decorativeBox>
      <af:outputText value="content for releases goes here" id="tot1"/>
      <af:outputText value="Tab 1 Second Child" id="tot2"/>
    </af:decorativeBox>
  </af:showDetailItem>
</af:panelSpringboard>