FlowLayout

A Flow Layout is similar to having no layout in that child controls are written horizontally across the page and will flow onto a new line when there is insufficient remaining width. Note that the point at which output flows onto the next line is dependent on the browser window width and is therefore sensitive to screen dimensions and window re-sizing by the user.

Compared to no layout, Flow Layout offers the following features:

  • Block controls are positioned in the flow and will not start on a new line
  • Layout properties of vertical alignment and gap between controls can be specified
Many controls (e.g. Titled Panel, Grid, Table) are block controls meaning that the HTML/XHTML generated are block elements and will normally start on a new line in the browser. When placed inside a Flow Layout however, these block controls will be positioned within the normal flow i.e. they will only start on a new line when the browser window is not wide enough to accommodate them.

Further documentation.

FlowLayout Functions

getSpacerSize FlowLayout.getSpacerSize( ) Horizontal spacing between adjacent controls.
setSpacerSize FlowLayout.setSpacerSize( spacerSize ) Horizontal spacing between adjacent controls.
getVerticalAlignment FlowLayout.getVerticalAlignment( ) Vertical alignment for all child content.
setVerticalAlignment FlowLayout.setVerticalAlignment( verticalAlignment ) Sets the Vertical alignment for all child content.