Portlet Headers Do Not Scale Well In Browsers when displayed in ShowDetailFrame ADF Component (Doc ID 1521278.1)

Last updated on NOVEMBER 22, 2016

Applies to:

Oracle WebCenter Portal - Version and later
Information in this document applies to any platform.


If a browser is displayed on a lower resolution, the portlet heading overlaps other portlets. The body wraps correctly. This was working fine in WebCenter

The steps below reproduces the issue:

1. Create new "WebCenter Portal -Framework Application"
2. Add new .jspx page
3. Add layoutCustomizable to the page
4. Add 3 showDetailFrame. One to each panelCustomizable component
5. Give each showDetailFrame a long name - for example: "showDetailFrame 1 xxxxxxxxxxxxxxxxxxxx"

This gives a code similar to the one below:

      <pe:layoutCustomizable id="layoutCustomizable1">
         <cust:panelCustomizable id="panelCustomizable1">
            <cust:showDetailFrame text="showDetailFrame 1  xxxxxxxxxxxxxxxxxxxx  yyyyyyyyyyyy" id="sdf2"
          <f:facet name="contentA">
            <cust:panelCustomizable id="panelCustomizable2">
              <cust:showDetailFrame text="showDetailFrame 2" id="sdf1"
          <f:facet name="contentB">
          <cust:panelCustomizable id="panelCustomizable3">
              <cust:showDetailFrame text="showDetailFrame 3" id="sdf3"

6. Run the application
7. Drag your browser smaller
8. The heading of the showDetailFrame goes underneath the other showDetailFrame.


Sign In with your My Oracle Support account

Don't have a My Oracle Support account? Click to get started

My Oracle Support provides customers with access to over a
Million Knowledge Articles and hundreds of Community platforms