The field grid component, whose option icon is shown in figure 1, creates a grid of text fields in a form.
Field grids can be used to add structure to complex forms and make them more compact, as shown in the example in figure 2.
Editing a field grid
Click on the field grid to open the field grid window, as shown in figure 3.
The field grid window has two tabs. The Field grid tab lets you change the following settings:
Row label width
The width of the column containing the row labels. Note that if the width is insufficient to contain the labels, or leaves too little space for the fields, then browsers may adjust the width to create space.
The labels for the rows. Enter each label on its own line.
The labels for the columns. Enter each label on its own line.
The Breakpoints tab, shown in figure 4, lets you control the appearance of the field grid on narrow screens, where the field grid may have too many columns to fit.
The checkboxes let you choose breakpoints at which the field grid will split into a separate table for each row of data.
Click OK to apply the changes to the field grid. Click Cancel to return to the page without changing the field grid.