Feature: standard Form layout 2 columns - left label, right value
The choice between placing a label above or to the left of the value/input field is a classic UX debate. There isn't one "correct" answer, but there is a clear winner for most modern digital forms.
Here is how to decide based on how users read and interact with data.
The Winner for Most Scenarios: Labels Above
Placing labels above the field is the standard best practice for the vast majority of web and mobile forms.
Pros | Cons -- | -- Fastest Completion Times: Eye-tracking studies show users only need a single vertical eye movement to scan from label to field. | Takes Up Vertical Space: It makes forms much taller, forcing more vertical scrolling. Mobile-Friendly: Adapts perfectly to narrow smartphone screens without squishing the text. | Flexible Label Lengths: Works beautifully if your labels are long or translated into languages that require more words. |How to Choose (The Decision Matrix)
Use this quick checklist to decide which layout fits your specific record view:
- Choose Labels Above if:
- The form will be viewed on mobile devices.
- The form is an intake or creation layout (e.g., "Create New Account").
- Fast completion and low cognitive load are the main priorities.
- Choose Labels on the Left if:
- It is a dense, desktop-only business application (B2B dashboard, CRM, ERP).
- You need to compare many records or fields stacked vertically.
- You are displaying a read-only "Detail View" where saving vertical screen real estate is critical.
Pro-Tip on Alignment: If you do choose labels on the left, right-align the text of the labels so they sit flush against the input fields. This fixes the eye-tracking issue and makes the form much faster to read.
Source: nocodb/nocodb