Exploring af:panelGroupLayout – Part 2 – Vertical Layout
In the previous tutorial, we learnt about af:panelGroupLayout control with Horizontal layout option.
In this Oracle ADF tutorial, we will explore af:panelGroupLayout control with Vertical layout option. We will try to understand af:panelGroupLayout with the help of its HTML equivalent tags. To use it effectively, it is good to understand what happens on the browser side.
As I understand, af:panelGroupLayout is the most widely used component in an Oracle ADF web application. It can be used in different ways and it has numerous parameters to customize the layout according to the user’s choice.
What exactly is af:panelGroupLayout ?
The panelGroupLayout control is a layout element that arranges its children in one of a few simple patterns. Each pair of adjacent children will be separated by an optional separator child. It can lay out children consecutively (wrapping as needed), or in a single horizontal line, or vertically.
When you use the af:panelGroupLayout with VERTICAL layout option, what happens on the browser side?
- When layout=”vertical”, each element or component added to af:panelGroupLayout will create a “div” tag, “table” tag and respective element or component inside a “tr” (table row) tag.
- When layout=”vertical”, all elements are stacked one after another one vertically.
- When layout=”veritcal”, min-height is computed automatically and sets in style attribute of “div” tag associated with the panelGroupLayout component.
In the next tutorial, we will explore nested layouts i.e. a combination of Horizontal and Vertical layouts.