Pages

A page is a surface in an applet where you arrange widgets. Pages are navigation targets — menu links point to them, widgets sit on them, and users see them as different views in the app.

When to use this

• You need a new view in the applet — a home page, a list, a detail view, or a form
• You want to be able to link to the page from a menu or a link widget
• You want a reusable template for pages that share the same structure

How it works

An applet can have several pages. Each page has:

• Name and description — for internal admin use. The name isn't shown in the app.
• Icon and cover image — visual representation in lists, menus, and links.
• Tags — labels you can use to group pages (for example in dynamic menus).
• URL — the slug that becomes part of the page's address in the app.
• Content — widgets you add and configure in the Design Editor.
• Permissions — who can see and edit the page.

TIP

A page's name is internal and isn't shown to end users. If you want a title to appear on the page, add a Text widget at the top.

Create a page

1. Open your applet.
2. Go to the Design editor.
3. Click Add page (or Create page depending on the view).
4. Fill in the page properties (see below).
5. Save.

Once the page is created, the design surface opens where you can add and configure widgets.

Page properties

Name and description

Setting	Description
Name	Internal name for the page. Shown in lists and in AppStudio but not to end users. Required.
Description	Internal description of the page — useful when several people work in the same applet.
Created	Date the page was created. Read-only.

Design

Setting	Description
Icon	Icon shown wherever the page is linked — in menus, link widgets, and page lists.
Image	Cover image shown alongside the page in cards, lists, and link widgets.

Tags

Tags are labels you can apply to pages to group them. Dynamic menus can filter by tags — so by tagging pages with, for example, news, you automatically get a menu listing all pages with that tag.

TIP

Use tags consistently. Decide on a short list of tags for the applet up front — it's easy to end up with parallel tags (news, newspost, nyhet) that don't connect.

Advanced

Setting	Description
URL	The page's slug in the app URL. Only lowercase letters, digits, and hyphens are allowed. Leave empty to use an auto-generated one.
Use as template	Marks the page as a template — it can be duplicated to create new pages with the same structure, but isn't shown in navigation itself.

WARNING

Changing the URL after a page is published breaks every link pointing at the old address. Think twice before changing the slug on a public page.

Permissions

Pages have their own permissions that control which users can see and edit the page. You reach them from the page settings — see Permissions.

Templates

Turn on Use as template for a page to make it a template. When you then create a new page, you can choose to start from the template — every widget and setting is copied to the new page.

Use templates when you have a recurring page structure — for example a standard layout for list or detail views.

Example

Scenario: You're building an applet for internal communication with a home page, a news page, and a contact page.

1. Open the applet in the Design editor.
2. Create the Home page:
   • Name: Home, URL: home, Icon: home-outline.
   • Add a Text widget with a welcome message, a Newsfeed widget with the latest posts, and a Menu widget for shortcut links.
3. Create the News page:
   • Name: News, URL: news, Icon: newspaper-outline.
   • Add a Newsfeed widget with the full feed.
4. Create the Contact page:
   • Name: Contact, URL: contact, Icon: mail-outline.
   • Add a Form Response widget with a contact form.
5. Create a menu in Menus linking the three pages.

Tips

TIP

Set an Image on pages shown in card layouts — without a cover image the cards look visually empty.

TIP

Keep URLs short and descriptive. contact is better than contact-form-2024-v3.

Common mistakes

WARNING

Pages are invisible to end users until they're linked — either from a menu, a link widget, or a direct link. A saved page without a link is unreachable.

WARNING

Templates aren't shown in navigation themselves. If you want both a page and a template, create two separate pages.