Java Development Tools

I have an af:popup and i tried several things to layout my components but nothing seems to work.
Ideally i want to have 2 panelDashboard next to each other, each filling 50% of the popup. Because that didn't work, i tried with af:table instead but i got the same behavior. Most of the time, only one component is displayed or the second component is displayed very narrow but it never fills the complete width of my popup.

So here are a few of my trials:

<af:popup id="popEditRegion" contentDelivery="lazyUncached"
                        binding="#{pageFlowScope.wcmBean.popEditRegion}">
                <af:dialog id="dlgEditRegion" stretchChildren="first" title="Edit Region" inlineStyle="width:600px">
                        <af:panelGroupLayout id="pnlG" layout="horizontal">
                        <af:panelStretchLayout id="pnlp1">
                        <f:facet name="center">
                        <af:panelHeader text="Selected Elements" id="sel">
                                        <af:panelDashboard  id="pd2" rowHeight="75px" columns="1" dimensionsFrom="parent"
                                                           dropListener="#{pageFlowScope.wcmBean.addSelect}"
                                                           binding="#{pageFlowScope.wcmBean.pnlSelected}">
                                            ...                                            
                                        </af:panelDashboard>
                                    </af:panelHeader>
                                </f:facet>
                                </af:panelStretchLayout>
                                <af:panelStretchLayout id="pnl2">
                                <f:facet name="center">
                                    <af:panelHeader text="Available Elements" id="av"> 
                                    <af:panelDashboard  id="pd1" rowHeight="75px" columns="1" dimensionsFrom="parent">
                                        ...
                                    </af:panelDashboard>
                                    </af:panelHeader>
                                </f:facet>
                                </af:panelStretchLayout>
                                </af:panelGroupLayout>
                </af:dialog>
              </af:popup>

I tried a mixture of things. With or without the panelStretchLayout, with or without the panelGroupLayout. I even tried with a h:panelGrid instead of groupLayout.
I also tried adding a panelSplitter instead of panelGroupLayout but nothing seems to work.
I also tried setting the AFStretchWidth styleClass on the panelGroupLayout/grid/splitter but that didn't work as well. I also tried setting the dimension to auto of the stretchLayout but also didn't work.

As you can see, i tried all sorts of things but nothing really seems to work. Am i missing something here...

Alright, I did some more testing and following code works a little bit:

<af:popup id="popEditRegion" contentDelivery="lazyUncached"
                        binding="#{pageFlowScope.wcmBean.popEditRegion}">
                <af:dialog id="dlgEditRegion" stretchChildren="first" title="Edit Region" contentWidth="600">
                        <af:panelGroupLayout id="pnlG" layout="horizontal" styleClass="AFStretchWidth">
                                     <af:outputText value="dummy"/>
                                        <af:panelDashboard  id="pd2" rowHeight="75px" columns="1" dimensionsFrom="auto"
                                            ...
                               
                                        </af:panelDashboard>
                             <af:outputText value="dummy"/>
                                    <af:panelDashboard  id="pd1" rowHeight="75px" columns="1" dimensionsFrom="auto">
                                        ...
                                    </af:panelDashboard>
                                  
                                </af:panelGroupLayout>
                </af:dialog>
              </af:popup>

When I use this code, the complete width is used but the last panelDashboard is even wider than the popup. The strange thing about this is when i remove both the dummy outputText, i see only a single panelDashboard in the popup which is very narrow...

Edited by: Yannick Ongena on Nov 6, 2011 1:07 AM