Defining hbox tags in grids

An hbox tag is defined by using a : colon in an item tag delimited by square brackets.

This example creates a hbox container containing widgets a, b and c. These widgets won't be aligned in the grid.

GRID
{
[a:b:c   ]
[d|e|f   ]
}
END
Figure: Using an hbox tag

Grid view of using a HBox tag
Figure: HBox tag rendering

HBox tag rendering diagram

Hbox tags are useful when the form contains large widgets in a small number of cells in one row, and don't want to have dependencies.

Figure: Using an HBox tag

Using an HBox tag diagram
We can modify the Form item dependencies in grids example, using hbox tags:
GRID
{
[a:b   ][f     ]
[c:d   ][e     ]
}
END
Figure: HBox rendering

HBox tag rendering screenshot