The same dialog resized. Both are indexed from 1. Any rectangle built from cells we will call component's target area . This rectangle is specified by the column and row indexes of top left cell, width by number of columns and height by number of rows. Following figure shows design grid used by dialog on figure above.
Red rectangles mark target component areas.
Components are placed into these areas. In our example label on 2nd row determines its height. 3rd column does not contain any component target area of width 1, so its width is set to absolute size. Resizing Suppose width of container will enlarge by n pixels. This number is distributed amnong columns depending on column weights.