Widget position and size in grid

Front-ends follow the next grid layout rules:

  1. The position of the widgets in the virtual grid is defined by the posX and posY AUI tree attributes.
  2. The number of virtual grid cells occupied by a widget is defined by the gridWidth and gridHeight AUI tree attributes.
  3. The real size (i.e. pixels) of a widget is defined by the width and height AUI tree attributes.
  4. Empty lines and empty columns in the form layout definition take a size of 0 pixels.
  5. The size of a cell in the virtual grid depends on the real size of the widgets inside the grid.
  6. Widget's minimum size is computed via its real size and the SAMPLE attribute.
  7. The preferred size of the widget is computed according to the SIZEPOLICY attribute.
  8. The final widget size is computed according to the minimum and preferred size, to fill the cells in the grid.
  9. A small spacing is applied in non-empty cells.

The next screen-shot shows 2 labels and 2 fields placed in a grid.


Grid layout rules

Figure 1. Two labels and two fields placed in a grid: Grid view


Grid layout rules in Genero form

Figure 2. Two labels and two fields placed in a grid: Form view