How to stretch the child components of a carousel item.

Question

Dear All,
Use case:
I am putting a list of dvt graph on a carousel component but I am having a lot of trouble when it comes to sizing the components.
Consider the code below
<af:panelGroupLayout id="pgl1" layout="scroll">
     <af:carousel id="c1" var="item" value="#{pageFlowScope.myBean.dataList}">
          <f:facet name="nodeStamp">
               <af:carouselItem id="crslItem" text="#{item.title}" shortDesc="#{item.title}">
                    <af:panelGroupLayout id="pgl4" layout="vertical">
                         <dvt:lineGraph id="lg2">
                         </dvt:lineGraph>
                    </af:panelGroupLayout>
          </af:carouselItem>
          </f:facet>
     </af:carousel>
</af:panelGroupLayout>The graph seems to be cut and is not rendering all of the data. The legends and the columns are hidden.
I dont want to put a lot of inlinestyles there in putting the width and height.
I thought the carouselitem stretches its child component but that does not seem the case for me.
How do I do this?
What I want is that the size of the carouselitem would be equal to the size of the dvt line graph.
What can I do to achieve this?
Thanks
JDEV 11G PS5

Answer 1

<af:panelGroupLayout> does not stretch its children (even if it has got a sole child). Surrounding a component with an <af:panelGroupLayout> prevents it of being stretched by its parent (even if the parent is a components that stretches its children).
In your case the <af:carousel> component is not stretched because it is within an <af:panelGroupLayout>. Also the <dvt:lineGraph> is not stretched because it is surrounded with an <af:panelGroupLayout>.
Just remove both <af:panelGroupLayout> tags and try again.
(Note, that <af:panelGroupLayout layout="scroll"> may be stretched by its parent, but it does not stretch its own children even if it is stretched by its parent).
Dimitar