Stretching the region dynamically in a facet of panel splitter.

Question

Hi,
Jdev version- 11.1.1.6.0
We are using a panel splitter in a jspx page and inside on of the facet of the panel splitter we are using a taskflow with page fragments as a region.The use case is as user can stretch the panel splitter,we want to stretch the page along with the splitter.
Here is the component structure.
Panel splitter which is used in the jspx page.
  <af:panelSplitter orientation="horizontal" splitterPosition="195"
                            positionedFromEnd="true" id="ps2"
                            firstLandmark="main" secondLandmark="contentinfo"
                            collapsed="true" dimensionsFrom="auto">
  <f:facet name="second">
<af:region/>
</f:facet>
</af:panelSplitter>
And the TaskFlow(Region inside the panel splitter given above)  with jsff page as below.
<af:decorativeBox id="db1">
    <f:facet name="center">
     <panelGroupLayout  layout="default">
       <af:outputText/>
       <af:panelStretchLayout styleClass="AFStretchWidth">
<f:facet name="top">
         <af:panelGroupLayout layout="horizontal">
            <af:selectOneChoice>
           </af:selectOneChoice>
           </af:panelGroupLayout>
<f:facet name="center">
        <af:panelGroupLayout id="pgl287" layout="scroll">
                <af:inputText
                                    rows="2" columns="40"
                                    dimensionsFrom="auto"
                                    styleClass="AFStretchWidth"/>//This input text we want to stretch dynamically with the panel stretch layout.
       </af:panelGroupLayout>
</f:facet>
        </af:panelStretchLayout>
     </af:panelGroupLayout>
    </f:facet>
</af:decorativeBox>

Answer 1

Hi Timo,
We have changed the script given by you as below for our requirement.
function setSplitterPos(event) {
            var source = event.getSource();
            var pos = source.getSplitterPosition();
            if (pos &gt; 460)
                source.setSplitterPosition(460);
            else
                source.setSplitterPosition(pos);
            if (pos &lt; 200)
                source.setSplitterPosition(200);
            else
                source.setSplitterPosition(pos);
we are calling the above script when we collapse/stretch the panel splitter as below.
<af:panelSplitter
orientation="horizontal"    splitterPosition="460"
                                      positionedFromEnd="true" >
<af:clientListener method="setSplitterPos"
                                         type="propertyChange"/>
</af:panelSplitter>
We are defining the maximum and minimum positions of the panel splitter.But when I stretch the panel splitter  to the max level the script is taking too much time to load and some times its getting stuck.