Skip to main content
Without layout keys the form is one variable per line in document order. Three keys change that.

​
Groups

Declared on the deployment:
​
integer key
The group ID variables reference. Any integer; groups render in ascending ID order.
​
string
default:"Group <id>"
The group heading.
​
string (Markdown)
Shown under the heading when the group is open.
​
boolean
default:"false"
Start the group closed. A group containing a validation error opens regardless.
Rules: a group referenced by a variable but not defined renders with the label Group <id>; a defined group not referenced by any variable is a validation error; IDs are unique. Each group header shows the number of variables in it and, when any need input, a N required chip.

​
Variable keys

​
integer
Places the variable in that group. Ungrouped variables render before all groups.
​
integer
Variables sharing a row ID within the same group (or among the ungrouped variables) render side by side in document order; rows render in ascending ID order. Variables without a row render after the rows, each full width.
​
number
default:"1"
The variable’s share of its row’s width, CSS flex-grow style. Must be positive and requires row. Fields have a minimum width, and rows wrap on narrow screens.

​
Rendering order

  1. Ungrouped variables: explicit rows in ascending row ID, then rowless variables in document order.
  2. Groups in ascending group ID, each with the same internal order.
The same order applies to the target form, the deploy-time modal, and the manifest builder.