Creating and editing a page
Creating a page
- Open the Pages area in the sidebar.
- Click Create page.
- Give it a title.
The page starts out empty.
Inserting blocks
The editor works like a text document. The placeholder reads:
Start typing or press the spacebar to open the block picker
Two approaches:
- Just type — the text becomes a paragraph.
- Press the spacebar — the block picker opens. Keep typing to filter (Type to filter…), then select the block.
The picker is split into three groups: Basic Blocks, Special Blocks, and Form field Blocks.
Faster than the mouse
Pressing the spacebar at the start of a line, plus two or three letters, takes you straight to the block you want. "ta" matches the Tab layout, "sum" matches the sum card. For longer pages, that's noticeably faster than scrolling through the list.
Structure mode
Show structure mode reveals two additional panels:
Page structure — the block tree. Here you see the nesting, reorder via drag and drop, and insert precisely where you want:
- Add block — inside or after a block
- Add tab — for a Tab layout
- Add step — for a Stepper layout
Block settings — the settings for the selected block. With nothing selected, it shows:
Select a block in the structure to see its settings.
For blocks without their own settings:
There is no settings panel for this block yet.
When structure mode pays off
For simple text pages, you don't need it. Once you're building nested layouts — layout inside layout, tabs with sub-pages — it's indispensable: in the regular editor it's hard to tell which block sits inside which.
Editing content or layout
The editor has two editing modes:
- Edit content — change text and values
- Edit layout — arrange and nest blocks
Page settings
Via the page menu (Open page menu) you reach the page settings, grouped into sections:
Page
| Setting | Purpose |
|---|---|
| Set icon & color | Symbol and color in the navigation |
| Add cover image | Image above the page |
| Set background color | Background of the page |
Layout & appearance
Set page layout with three options:
| Layout | Effect |
|---|---|
| Centered page | Content at a limited width, centered |
| Full width | Content uses the whole window width |
| Card view | Content shown as a raised card |
The note Applies to the Portal display matters: the layout affects the published page, not the editor.
There's also Collapsible navigation for pages with sub-pages.
Editing & access
| Setting | Effect |
|---|---|
| Lock page | Blocks can no longer be edited |
| Confirm correct account | Users confirm their identity before continuing |
| Auto-submit on load | Submits this page automatically when it loads |
Lock a page against accidental changes
Once a page is in active use, locking it is worth doing. It prevents someone from accidentally moving a block or overwriting text while viewing it.
Auto-submit needs complete data
As with forms: if the page submits itself on load, no one gets the chance to fill in fields. This only makes sense when all values are prefilled via the link — for example to start a Flow via a QR code scan.
Usage in Flows
Shows which Flows use this page.
Check before deleting
Before deleting a page, check here. If a Flow step displays it, that Flow will subsequently fail with the error No dedicated interface is assigned to this step.
Conditional visibility
Blocks can be shown or hidden depending on entered values. In the Visibility section, choose Field, Condition, and Value.
Available conditions: is empty, is not empty, is true, is false, equals, does not equal, is greater than, is less than.
The editor shows what applies: Visible when {condition}, plus Currently visible or Currently hidden.
For more complex cases, there's Advanced (ApptiveScript) with an expression like:
formValues.get('age').greaterThan(18)Included in the top plan
Conditional visibility is part of the top plan. The notice in the interface reads: Upgrade to Pro to show or hide blocks based on form field values. → Change plan
Renaming and deleting a page
Both are done via the page menu. Deletion requires confirmation.
Sub-pages disappear too
Deleting a page also removes its sub-pages. Check the page structure beforehand — and whether a published Portal link points to it.