Input blocks
Pages have the same input fields as forms — but here freely placeable, combinable with text and layout, and with conditional visibility.
Shared settings
Every input block has under Field settings:
| Setting | Effect |
|---|---|
| Required field | No submission without input. Error: This field is required |
| Not editable | Shown but can't be edited |
| Color | Field styling |
| Key | The field's technical identifier |
The Key
The key is the link to Flows and visibility
The interface explains it as: Used to reference this field in workflows and form values.
Concretely, you'll need it in two places:
- in conditional visibility, e.g.
formValues.get('age') - in Flows, when the page passes data to a workflow
Choose descriptive keys like age or department before you start using them — changing them afterward breaks existing conditions.
Use Manage keys to see all keys of a page at once.
Text fields
Single-line and Multi-line text field support the same emoticon shortcuts as Grid text cells: (/) becomes ✅, (x) becomes ❌, (Y) becomes 👍, and so on.
Rating scale
Captures ratings as a number, with five possible display styles.
| Setting | Options |
|---|---|
| Style | NPS scale, Segmented, Stars, Emoji, Slider |
| Minimum / Maximum | Value range |
| Step | Interval between values |
| Minimum label / Maximum label | Text at each end |
Choose a style by purpose
- Stars — familiar for product and service ratings
- Emoji — low-barrier, good for quick feedback
- NPS scale — the established 0-to-10 layout for recommendation questions
- Segmented — neutral, works well with end labels
- Slider — for larger value ranges
The end labels are almost always worth adding: "not at all" to "completely" turns abstract numbers into an understandable question.
If nothing is entered: Please select a value.
Checkmark
In addition to the shared settings:
| Setting | Effect |
|---|---|
| Must be checked | The checkmark has to be set |
| Color | Appearance |
Error: This field must be checked or {Label} must be checked.
For consent
Must be checked is what distinguishes this from a regular required field: a checkmark as a required field would still be satisfied by "unchecked." For agreeing to terms or privacy notices, you need this setting.
Decision
Shows a Yes/No choice as cards and stores it as a boolean value.
| Setting | Effect |
|---|---|
| Yes label | Text of the accept card |
| No label | Text of the decline card |
Error: Please make a selection.
Clearer than a checkmark
For deliberate decisions — "confirm attendance" / "decline" — this block is clearer than a checkmark, because both options are visible and neither is preselected.
Upload files or photos
| Setting | Effect |
|---|---|
| Maximum number of files | Leave empty for unlimited |
| Restrict upload to file type | Restricts the allowed types |
| Allowed file types | All, PDF, Image, PNG, JPEG, CSV |
| Allow adding files only | Existing attachments can't be deleted |
Restricting types avoids follow-up questions
If you need a PDF, set the type to PDF. Otherwise you'll get screenshots, Word files, and photos of the screen.
The maximum file size is plan-dependent and can't be changed here.
Recording blocks
Voice recording, Upload video, and Photo camera capture directly through the device.
For video and photo, Edit instruction lets you add a hint that appears during recording. For photo, there's also Add timestamp and Button color.
Controls: START, PAUSE, NEXT, Done. Without permission: Please allow access to the microphone.
Timestamp for documentation
For construction site, damage, and maintenance documentation, Add timestamp is useful — the recording date is then embedded in the image itself.
Video
The video block can be made mandatory:
| Setting | Effect |
|---|---|
| Watch to the end | Can't proceed until the video has played fully |
Notice for visitors: Please watch the video to the end.
For training material
Combined with the Stepper layout and a checkmark set to Must be checked, you can build a simple briefing: watch the video, confirm acknowledgment, submit.
Barcode scanner
| Setting | Effect |
|---|---|
| Show text field | Also allows manual entry |
| Button color | Appearance |
Placeholder: Enter code manually or scan. Without a value: No value scanned.
Camera error messages:
| Message | Cause |
|---|---|
| Camera permission denied. Please allow camera access in your browser settings. | Access declined |
| No camera found. Please connect a camera to your device. | No device |
| Camera is already in use by another application. | In use |
Always leave the text field enabled
Cameras fail: poor lighting, a damaged code, missing permission. With Show text field, the person can type the number in as a fallback instead of abandoning the process.