Creating a New Page
Super Fast Build: Prompt for Mileva
Create a new "Offers" page.
Overview
Pages are the core building blocks of every Autorun application.
Every screen, dashboard, table view, form, or workflow interface starts as a Page. Before you add components, navigation, data bindings, or automations, you must create a Page.
How to Create a New Page
Steps:
-
Go to Developer Toolbox.
-
Click Pages.
-
Click Add Page.
-
In Page Name, enter your page name.
Example:
Offers
- Click Save.
Info: We add Subpages the same way as the Main Pages but we change the URL to for example /offers/:id.
If we subsequently want to see the pages in the Navigation bar for the page to be visible to users, we have to add both of them separately first through the Pages button in Dev Toolbox and then go back to:
-
Go to Developer Toolbox
-
Click Settings button
-
Scroll to Navigation
-
Click on expand icon under Main Page
-
Click on Add New Item
-
Click Save
What Happens Automatically
When you save, Autorun generates:
-
A new Page object
-
An automatic URL route based on the page name
Example: Offers → /offers
Pro Tip: Page settings can be adjusted at any time, but you can also configure them immediately - by hovering over the page in the Pages bar and clicking on the Gear icon - when creating a new page instead of leaving them empty to edit later.
Settings include: page name, access control, assigned permissions, route and on-load actions.
Why This Matters
A Page is the container that will hold all UI components (tables, forms, buttons…).
Without creating the Page first, you cannot:
-
Display records
-
Attach components
-
Link the page to navigation
This step always comes first when structuring any application.
Pro Tip: If your URL route looks wrong, it usually means you renamed the page after creation. Check the route under Advanced Settings > Page Route.
Common Pitfalls
- Route conflicts
Pages with similar names may generate conflicting routes. Fix this by editing the route manually.
- Page created but not visible
Remember: creating a page does not add it to navigation. Add it under App Settings > Navigation if the page needs to be "user accessible".