PanelTabbed height issue

Question

The default height for a PanelTabbed component I believe is 300px. I would prefer that it default to the height of its contents.
In my case the contents for any given tab can vary. Some may need the height to be only 200px, while others may need the height to be 1000px. Therefore a hardcoded value is not an option. I'm trying to avoid all the wasted white space between the bottom of the panelTabbed component and any other component underneath it.
Here's a sample of my code:
<af:panelGroupLayout layout="vertical" id="pgl1">
<af:panelTabbed id="myPanelTab">
<af:showDetailItem text="tab 1" id="tab1">
<af:panelGroupLayout id="pgl2" layout="vertical">
<af:outputText value="Line 1.1" id="ot2"/>
<af:spacer height="10px;" id="s1"/>
<af:outputText value="Line 1.2" id="ot1"/>
</af:panelGroupLayout>
</af:showDetailItem>
<af:showDetailItem text="tab 2" id="tab2">
<af:panelGroupLayout id="pgl3" layout="vertical">
<af:outputText value="Line 2.1" id="ot3"/>
</af:panelGroupLayout>
</af:showDetailItem>
</af:panelTabbed>
<af:outputText value="This is a message on the bottom." id="ot4"/>
</af:panelGroupLayout>
Edited by: UI Tex on Jul 6, 2011 8:13 AM

Answer 1

That didn't work.
Here's my code with your suggestion:
<af:panelGroupLayout layout="vertical" id="pgl1">
<af:panelStretchLayout id="psl1">
<f:facet name="center">
<af:panelTabbed id="myPanelTab">
<af:showDetailItem text="tab 1" id="tab1">
<af:panelGroupLayout id="pgl2" layout="vertical">
<af:outputText value="Line 1.1" id="ot2"/>
<af:spacer height="10px;" id="s1"/>
<af:outputText value="Line 1.2" id="ot1"/>
</af:panelGroupLayout>
</af:showDetailItem>
<af:showDetailItem text="tab 2" id="tab2">
<af:panelGroupLayout id="pgl3" layout="vertical">
<af:outputText value="Line 2.1" id="ot3"/>
</af:panelGroupLayout>
</af:showDetailItem>
</af:panelTabbed>
</f:facet>
<f:facet name="bottom">
<af:outputText value="This is a message on the bottom." id="ot4"/>
</f:facet>
</af:panelStretchLayout>
</af:panelGroupLayout>