.. _pages/layout/flow#flow: Flow **** .. note:: This layout manager is available since qooxdoo 0.8.3. A basic layout, which supports positioning of child widgets in a 'flowing' manner, starting at the container's top/left position, placing children left to right (like a HBox) until the there's no remaining room for the next child. When out of room on the current line of elements, a new line is started, cleared below the tallest child of the preceding line -- a bit like using 'float' in CSS, except that a new line wraps all the way back to the left. .. _pages/layout/flow#preview_image: Preview Image ------------- |layout/flow.png| .. |layout/flow.png| image:: /pages/layout/flow.png This image shows a gallery implemented using a Flow layout. .. _pages/layout/flow#features: Features -------- * Reversing children order * Manual line breaks * Horizontal alignment of lines * Vertical alignment of individual widgets within a line * Margins with horizontal margin collapsing * Horizontal and vertical spacing * Height for width calculations * Auto-sizing .. _pages/layout/flow#description: Description ----------- The Flow layout imitates the way text is rendered. Each child is placed horizontally next to each other. If the remaining space is too small a new line is created and the child is placed at the start of the new line. It is possible to specify a horizontal alignment for all children. This is equivalent to ``center``, ``left`` or ``right`` alignment of text blocks. Further it is possible to specify the vertical alignment of each child in a line. This layout supports ``height for width``, which means that given a fixed width it can calculate the required height. .. _pages/layout/flow#layout_properties: Layout properties ----------------- * **lineBreak** *(Boolean)*: If set to ``true`` a forced line break will happen after this child widget. .. _pages/layout/flow#demos: Demos ----- Here are some links that demonstrate the usage of the layout: * `Flow layout demo `_ .. _pages/layout/flow#api: API --- | Here is a link to the API of the layout manager: | `qx.ui.layout.Flow `_