'How to stretch inline frame size in panel stretch layout in ADF?

I have .jsff page that contain command button and inline frame. What I want to do is, I want to make command button remain static at the same place and only inline frame can move when scroll the page.

Currently what I do is I set some panel stretch layout(StyleClass:AFStetchWidth). I put the command button at the top. Inline frame in scroll panel group at the center.

Here is my structure:

af:panelStetchLayout(StyleClass:AFStretchWidth)
>

Panel Stretch Layout facets

  bottom
  center
     af:panelGroupLayout-scroll
          af:inlineFrame     (StyleClass:AFStretchWidth)
  end
  start
  top
    af:panelGroupLayout-horizontal
         af:commandButton-back

When I run this page: command button remain static at the top. This is correct, but the size of the inline frame is small. Is there a way to make an inline frame to be stretch?

frameinlineoracle-adf


Solution 1:[1]

set the (StyleClass:AFStretchWidth) on the af:panelGroupLayout-scroll.

Solution 2:[2]

Did you try putting this attribute :

sizing="preferred"

I have used it and it works pretty well inside panel stretch layout.

Solution 3:[3]

just i solve it as following:

    <af:panelGroupLayout id="pgl1" halign="center">
    <af:inlineFrame id="if1" source="/index.html" styleClass="AFStretchWidth" inlineStyle="height:100%;"/>
</af:panelGroupLayout>

Solution 4:[4]

inlineStyle="height:100%;" on default af:panelGroupLayout thats all.

Solution 5:[5]

I was getting the same issue. Here I have solved it as below:

I have used panel splitter for inline frame.

     <af:panelSplitter styleClass="AFStretchWidth" inlineStyle="height:500px;" id="ps3" dimensionsFrom="parent"
                         positionedFromEnd="false">
        <f:facet name="first">
         <af:panelGroupLayout id="pgl11" >
           <af:inlineFrame styleClass="AFStretchWidth" partialTriggers="cb3" source="#{pdfHandler.servletString}"
                           id="if1" visible="true" binding="#{pdfHandler.inLineFrame}" shortDesc=" "
                           inlineStyle="height:500px;"/>
          </af:panelGroupLayout>
         </f:facet>

Here as shown above, 

  I have added inlineStyle for height in both panelSplitter and in inlineFrame.
  Added dimensionFrom for panelSplitter as 'parent'
  Surround inlineFrame with panelGroupLayout.

With this, It worked for me.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Shay Shmeltzer
Solution 2 mdev
Solution 3 ahmed elabed
Solution 4 ahmed elabed
Solution 5 YLG

Related Questions