← Back to Catalog

No multi column form in one area

no-multi-column-form-in-one-area

No multi-column form inside one area — vertical single column is the efficient default; weak grouping may put short related fields on one line, not a second reading column. Card grouping when content is usually more than two screens, each card with a large title.

Description

Ant treats a vertical single column as the efficient form default inside one area. Short related fields may share a line for weak grouping, but that is not a second reading column of fields. When content usually spans more than two screens, group into cards each with a large title. Fail two reading columns of fields in one area, or a long dump past two screens with no titled cards.

When to use

Laying out fields inside one Ant form area or long settings page.

Not when

Dashboard multi-widget layouts that are not one form reading path.

Agent hint

Keep one reading column per area; card-group content over two screens.

Pass

One area is a single reading column (short related fields may share a line). Content usually more than two screens uses titled cards.

Fail

Two reading columns of fields in one area; or >two-screens dump with no titled cards.

Citations

Ant Design — Data entry ; Ant Design — Form research

https://ant.design/docs/spec/data-entry

Open UX · cited UX rules agents audit against

Privacy · Sources ·