Stretch the width of ADF Table – afstretchwidth

I have faced an issues on rendering an ADF table in a browser. I have an ADF table surrounded by a Panel Collection inside a Panel Stretch layout. As shown in the below picture, the page is not rendering properly in the browser. The width and height of the table is not stretched out properly

061316_0348_Stretchthew1 Stretch width and height of an ADF Table - afstretchwidth

To Resolve Width:

I have set the property ‘styleClass = AFStretchWidth’  for panelCollection component. AFStretchWidth will set the width of the panel Collection to 100% of its parent component.

061316_0348_Stretchthew2 Stretch width and height of an ADF Table - afstretchwidth

To Resolve Height:

I have set the ‘DimensionsFrom’ value to ‘Parent’ for ‘PanelStretchLayout

061316_0348_Stretchthew3 Stretch width and height of an ADF Table - afstretchwidth

Result:

After the two properties applied to the JSF page, the table height and width is stretched to 100% of parent. As you see in the below image, the bottom and right side of the table are stretched out completely.

061316_0348_Stretchthew4 Stretch width and height of an ADF Table - afstretchwidth

govindan Stretch width and height of an ADF Table - afstretchwidth
Connect me

Govind

Thank you for visiting my personal blog. Myself Govindan, Software Developer by profession since 2006 and hence I started this blog early in 2016 and ever since I've been writing about technologies experienced and learnings of everyday life.

The views expressed on this blog are my personal views and do not necessarily reflect the views of my employer.

Please feeling free to reach me on any comments and feedbacks you have. Would be more than glad to listen and reply šŸ™‚
govindan Stretch width and height of an ADF Table - afstretchwidth
Connect me
By | 2016-12-28T17:28:37+00:00 June 12th, 2016|Categories: ADF|Tags: , , , , |0 Comments
Like us on Facebook.
Connect!