How to make panel collection with auto height in a ADF page

Question

Hi,
I developed a page in ADF of version JDev 11.1.1.4.0 where I had a adf table under adf panel collection. Now I want to change the height based on my screen resolution.
For width I used the styleClass as "AFStretchWidth" but couldnt find any option for auto height for table due to this I can see vertical scroll bar on my page which I want to avoid.
Even I tired to create a customized styleClass as shown below but its fixed height but not dynamic
IN CSS FILE :
.lookUpPagePannelCollection{
width:98.5% !important;;
margin-left:5px;
margin-left:5px;
height: 15.5em !important;
I want to use % in height attribute which is not supporting by panel collection, can anyone tell the alternative way or tell me which version of JDev had this option.
Thanks in advance.

Answer 1

Hi,
Set <af:panelCollection> as a child component of <af:panelStretchLayout> and check output.
Form Tag Documentation
Geometry Management
This component can be stretched by a parent layout component that stretches its children. e.g., another panelStretchLayout, panelSplitter.
This component uses <f:facet name="top">, <f:facet name="bottom">, <f:facet name="start">, <f:facet name="end">, and <f:facet name="center"> to organize content into each stretched panel. The contents of the facet may be stretched except when the height or width of the facet is set to "auto" via the topHeight, bottomHeight, startWidth, or endWidth attributes which would then cause that facet content to use its natural browser height or width. Examples of child components that can be stretched inside of the panelStretchLayout facets include:
<af:decorativeBox>
<af:panelAccordion>
<af:panelBox>
<af:panelCollection>
<af:panelGroupLayout layout="scroll">
<af:panelGroupLayout layout="vertical">
<af:panelHeader>
<af:panelSplitter>
<af:panelStretchLayout>
<af:panelTabbed>
<af:region>
<af:table>
<af:tree>
<af:treeTable>
See
http://docs.oracle.com/cd/E14571_01/apirefs.1111/e12419/tagdoc/af_panelStretchLayout.html