Grid-based layout A form file can define a grid-based layout within a tree of layout items. The cell grid conceptForm elements align to each other by following the cells of a virtual grid.Elements arrangement in formsWhen resizing a window, the content will either stretch with the window, be evenly distributed, or be packed in the top left position.Widget position and size in gridForm items render as widgets in the window, at a given position and with a given size.Form item dependencies in gridsForm items interact with each other in terms of width, depending on the front-end widget size.Automatic HBox/VBox with splitterHorizontal and vertical boxes with splitter are created automatically when stretchable elements are set side by side.Complex grid layout exampleDescribes how form items align in grid-based front-ends with an example.Using hbox tags to align form itemsThe hbox tag concept has been introduced to bypass the limitations of the character-based grid in forms.