Skip to content

Block Types — Reference ​

The block picker is organized into three groups. This reference follows the same order.


Basic blocks ​

BlockDescription in the interface
ParagraphWrite normal text
Heading 1Large heading
Heading 2Medium heading
Heading 3Small heading
PageAdd a subpage
Horizontal LayoutArrange blocks side by side
Vertical LayoutArrange blocks one below another
Tab LayoutShow subpages as tabs
Stepper LayoutShow subpages as steps
ImageAdd an image with custom dimensions

Paragraph and headings ​

Text blocks offer Text size (heading level) and Text alignment — Left, Center, Right, Justify — plus Text color.

Empty blocks show Empty paragraph… or Empty heading… respectively.

Layout blocks ​

Horizontal and Vertical Layout arrange their contained blocks. Settings under Arrangement:

  • Direction: Side by side / Stacked
  • Alignment: Start, Center, End, Top, Bottom
  • Gap between, Stretch, Wrap content

Plus Background color, Border radius, Width, and Height.

Tab Layout and Stepper Layout display subpages. Without subpages, the note Add pages to see them as tabs appears.

→ Layout blocks


Special blocks ​

BlockDescription in the interface
EmbedShow any external content, such as web pages or videos
Grid ViewEmbed a view, e.g. Kanban, Grid, Calendar, Map, or Gallery
FlowEmbed a Flow and open it in the Flow editor
File ListList view with drag-and-drop file upload
ButtonButton to start a form or a Flow
QR CodeQR code for a form or a Flow
CounterCount the number of entries in a view
Sum CardSums the values of a numeric column in a view
Donut ChartShows the distribution of values in a Single Select column
Date ForecastCompares planned dates with current and earlier estimates
HTMLEmbed your own HTML or generate it with AI
Grid ListCreate a list based on entries from a Grid

Grid View ​

Embeds an existing view into the page — the most important block for portals.

Settings:

SettingEffect
Grid ViewWhich view is embedded
Show full widthView spans the full page width
Show searchSearch field for visitors
Show filterFilter for visitors
Show CSV downloadExport for visitors
Read-only entriesPrevents editing
Don't open detail viewClicking a row opens nothing
Hide titleHides the view title
Button colorColor of the controls

Two switches for read-only portals

For a purely display-only portal, Read-only entries alone isn't always enough. Also turn on Don't open detail view, or visitors can still reach the single-entry view.

If the switch is off, only people with edit rights on the Grid can edit — not automatically every visitor. → Publishing a portal

The view's filter still applies

The embedded view carries its filter and hidden columns along. For a portal, create a dedicated view that shows only the data you intend to share, instead of embedding an internal working view.

Analytics blocks ​

Counter shows the number of entries in a view.

Sum Card sums a numeric column. Messages:

  • This view has no summable numeric columns — a column of type Number, Decimal, or Currency is missing
  • This view has more than {maxRows} rows. The sum only covers the first {maxRows} rows.

Sums are incomplete in large views

Beyond a certain row count, the block only sums the beginning of the view. For reliable totals, a grouping with an aggregate or a field of type Calculate sum is the safe approach.

Donut Chart shows the distribution across a column of type Single Select. Without such a column, the block doesn't work.

Button and QR Code ​

Both link to a form or a Flow and start it. The QR code block is well suited for posters and printed material.

File List ​

List view with drag-and-drop upload. Hint in the drop area: Drop files here to create new entries. Feedback: {count} file(s) were uploaded and saved or … could not be uploaded.

HTML ​

Your own HTML code with a live preview.

  • Generate with AI — describe changes instead of writing them
  • Restore previous HTML version
  • Auto-adjust height
  • Template variables with {{ }}, for example {{variableName}}

Errors show Preview error; a failed generation shows HTML could not be generated.

Grid List ​

Builds a list from the entries of a Grid. You choose the Grid (Select Grid) and design a template block that repeats for each entry (Edit list item).

Embed ​

Embeds external content via an iframe — web pages, videos, documents.

Date Forecast ​

Compares planned dates with current and earlier estimates.


Form field blocks ​

The same input fields used in forms, freely placeable on the page.

BlockDescription in the interface
Single-line Text FieldFor short input like name, company, or subject
Multi-line Text FieldFor longer input like comments or descriptions
Barcode ScannerScan QR codes and 2D barcodes with the camera
E-MailInsert an e-mail address
Phone Number–
Date–
Date and time–
DecimalInsert a number with decimal places
NumberInsert a whole number
Rating ScaleCapture ratings with numbers, stars, or emoji
Selection as dropdownSelect a value from a dropdown menu
Selection as listSelect a value from a list
Multiple SelectSelect several values from a list
CheckmarkAdd a checkbox to your page
DecisionShows a yes/no decision and stores the choice as a true/false value
SignatureInsert a signature
EntrySelect an entry from a Grid
EntriesSelect several entries from a Grid
Address–
GeolocationAdd a location to your form
URLInsert a link to a web page
Upload files or photosUpload photos or files, on a smartphone also via the camera
Currency–
VideoAdd a required video to your form
Voice RecordingMake a voice recording
Upload videoRecord a video and upload it
Photo CameraTake a photo and upload it
HTML with form fieldsEmbed your own HTML and add form fields with AI

Rating Scale ​

Captures ratings as a number, displayed with stars or emoji.

Decision ​

Shows a yes/no choice as cards and stores it as a boolean. Clearer than a checkmark when the decision needs to be made deliberately.

Recording blocks ​

Voice Recording, Upload video, and Photo Camera record directly through the device. Controls: START, PAUSE, CONTINUE, Done. Without permission, Please allow access to the microphone appears.

Combining voice recording with Flows

A voice recording can be converted to text in a Flow using the Speech to text step. That turns spoken messages into searchable entries.

HTML with form fields ​

Like the HTML block, but the contained input fields write data back.

Fields need a name or id

The editor warns: Input fields without a name or id are not included in the Flow payload. Without one of these two attributes, the value is lost.


Next ​

Was this page helpful?