Defining hbox tags in grids

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

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

Grid view of using a HBox tag

Figure 1. Using an hbox tag


HBox tag rendering diagram

Figure 2. HBox tag rendering

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.


Using an HBox tag diagram

Figure 3. Using an HBox tag

We can modify the Form item dependencies in grids example, using hbox tags:
GRID
{
[a:b   ][f     ]
[c:d   ][e     ]
}
END

HBox tag rendering screenshot

Figure 4. HBox rendering