How to disable PanelAccordion overflow action?

Question

Hello all,
I am using jdeveloper 11.1.1.2.0. I created a dynamic menu with PanelAccordion using ShowDetailItem. I put the PanelAcordion in a scrollable PanelGroupLayout.
Here is my code:
<af:panelGroupLayout id="pt_pgl8" layout="scroll">
<af:panelAccordion id="pa1" discloseNone="true">
<af:forEach items="#{backingBeanScope.backing_userTemplate.mainGategories.allRowsInRange}" var="menuItem">
<af:showDetailItem text="#{menuItem.categoryName}" id="sdi1" flex="1" stretchChildren="first"
inlineStyle='background-image:url("../images/site-background-image.gif");'>
<af:panelGroupLayout id="acordin" layout="scroll">
<af:forEach items="#{backingBeanScope.backing_userTemplate.realtedCategories.}" var="subs"
<af:commandImageLink icon="/ImageServlet?Id=#{subs.imageId}" id="subsIm" shortDesc="subs.name"/>
</af:forEach>
</af:panelGroupLayout>
</af:showDetailItem>
</af:forEach>
</af:panelAccordion>
</af:panelGroupLayout>
Code is creating the menu. However there are two problems.
1. If the number of 1st level menu items(ShowDetailItem) is too many to fit the area, panel accordion creates an arrow(bottom overflow icon) in the bottom for other elements' list. But instead I want to see al elements in a scrollable panelgrouplayout. Is there a way to disable overflow action or stretch the Panel accordion in height?
2. Second problem is, the height of each ShowDetailItem. I want its height to be enough to cover the inside elements(imageLinks). But it has a fixed height of 100(inflexibleheight) in default. I think it is related to the 'Flex' attribute of ShowDetailItem but I couldn' figure it out. How can I dynamically set the height of the ShowDetailItem?
Thanks in advance,
Ozgur

Answer 1

Hi Ozgur,
Were you able to find a way to disable the PanelAccordion Overflow and show all ShowDetailItems under a scroll-bar?
Thanks,
Makrand