Horizontal scroll bar for the adf page

Question

Hi,
We have around 7 tables in single jsff page. Here , we have a requirement like :
We need to show horizontal scroll bar for the entire page instead of each table. Is there any way to get this.
As of now, we have horizontal scroll bar for each table, but our customer is not accepting this, that want the scroll bar for the entire page.
Please suggest the approach.
Thanks

Answer 1

I have grouped all the tables in panelgrouplayout.So, what is the problem (because it is not quite clear what you need)?
If your PanelGroupLayout is with layout="horizontal", then the tables will be rendered next to each other horizontally but there will be no horizontal scrollbar on the page.
If your PanelGroupLayout is with layout="scroll", then the tables will be next to each other vertically and there will be a horizontal and a vertical scrollbar on the page (if necessary).
If you need your tables to be relocated next to each other horizontally and to have a horizontal scrollbar on the page, then use a PanelGroupLayouts(horizontal) inside a PanelGroupLayout(scroll):
<af:panelGroupLayout layout="scroll">
  <af:panelGroupLayout layout="horizontal">
    <af:table> ... </af:table>
    <af:table> ... </af:table>
    <af:table> ... </af:table>
  </af:panelGroupLayout>
</af:panelGroupLayout>If your problem is that you still have horizontal scrollbars inside the tables, then you should set appropriate widths to the corresponding tables (e.g. to <af:table> tags) such that they are large enough to fit the sum of corresponding column widths.
ya, I know that its not god design, but its customer requirement, so we need to do that.If you expect some table(s) to be stretched automatically according to the size of browser's window, then you should re-think your UI design because PanelGroupLayouts do not stretch their children. A possible solution is to use a combination of PanelSplitters or other layout containers that stretch their children.
Dimitar