How can i make the popup window have scroll bar when the content is long?

Question

Hi,
My page have a button, when click it, it will show a popup window, and invoke a taskflow.
<af:commandToolbarButton text="edit"
                                         icon="#{sdk_EmImageMap.toolbar.editCommand.icon[true]}"
                                         disabledIcon="#{sdk_EmImageMap.toolbar.editCommand.icon[false]}"
                                         id="edit"
                                         binding="#{pageFlowScope.procBean.editBtn}"
                                         action="dialog:edit" immediate="true"
                                         partialSubmit="true" useWindow="true"
                                         windowEmbedStyle="inlineDocument"
                                         windowHeight="400" windowWidth="750">
And the page in the taskflow is :
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
          xmlns:c="http://java.sun.com/jsp/jstl/core"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:h="http://java.sun.com/jsf/html"
          xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
   <jsp:directive.page contentType="text/html;charset=UTF-8"/>
   <f:view>
      <af:document title="#{pageFlowScope.procStepEditor.pageTitle}"
                   id="document">
         <af:form id="f1">
            <af:panelStretchLayout id="pgl1" topHeight="10%">
               <f:facet name="top"/>
               <f:facet name="center">
                  <af:panelStretchLayout id="psl1">
                     <f:facet name="center">
                        <af:panelGridLayout id="pgl3">
                           <af:gridRow marginTop="5px" height="auto" id="gr1">
                              <af:gridCell marginStart="5px" marginEnd="5px"
                                           width="100%" halign="stretch"
                                           valign="stretch" id="gc1">
                                 <af:panelBox text="panel 1"
                                              id="pb1"
                                 </af:panelBox>
                              </af:gridCell>
                           </af:gridRow>
                           <af:gridRow marginTop="5px" height="auto" id="gr2">
                              <af:gridCell marginStart="5px" marginEnd="5px"
                                           width="100%" halign="stretch"
                                           valign="stretch" id="gc2">
                                 <af:panelBox text="panel 2"
                                              id="pb2">
                                 </af:panelBox>
                              </af:gridCell>
                           </af:gridRow>
                           <af:gridRow marginTop="5px" height="auto" id="gr3">
                              <af:gridCell marginStart="5px" marginEnd="5px"
                                           width="100%" halign="stretch"
                                           valign="stretch" id="gc4">
                                 <af:panelBox text="panel 3"
                                              id="pb3">
                                 </af:panelBox>
                              </af:gridCell>
                           </af:gridRow>
                        </af:panelGridLayout>
                     </f:facet>
                     <f:facet name="bottom">
                     </f:facet>
                  </af:panelStretchLayout>
               </f:facet>
            </af:panelStretchLayout>
         </af:form>
      </af:document>
   </f:view>
</jsp:root>
And in panel 2, the content is added dynamically, so it cannot control the width. Once it is very long, then the UI will not show all the data in panel2, and panel 3 also cannot display.
So i want to the window have a scroll bar. How can i do this?
Thanks.

Answer 1

Hi Timo.
Thanks for your replies.
I change the panel 2 like this:
<af:gridRow marginTop="5px" height="auto" id="gr2">
                              <af:gridCell marginStart="5px" marginEnd="5px"
                                           width="100%" halign="stretch"
                                           valign="stretch" id="gc2">
                                 <af:panelBox text="panel 2"
                                              id="pb2">
<af:panelGroupLayout id="pgl4" layout="scroll>
</af:panelGroupLayout>
                                 </af:panelBox>
                              </af:gridCell>
                           </af:gridRow>
But it still cannot display a scroll bar for the panel 2.
Thanks.