Quickstart: build a custom page
Create a page in the Skedulo web app with Horizon and Breeze components. Pages publish on save, so there is nothing to deploy.
Pages let you build custom views inside the Skedulo web app: record creation forms, tailored list views, or entirely custom screens. A page is HTML plus Horizon components and Breeze design-system components, created directly in platform settings. Pages publish on save. There is nothing to deploy.
Before you start
You need:
- A Skedulo tenant with access to Platform settings (beta).
- Administrator permissions in the web app.
1. Create the page
- In the Skedulo web app, go to Settings > Developer tools > Platform settings (beta).
- Click Create new in the top right.
- Fill in the form:
- Name: how the page appears in the page list.
- Slug: the URL path for the page. Auto-populated from the name; lowercase letters, numbers, and hyphens only.
- Page type: pick Custom for a freeform page. (Create, Edit, View, and List types bind a page to record operations on an object.)
- Page description: optional.
- Click Save. Publishing happens automatically.
2. Add components
The Template content field holds your page's markup. Mix plain HTML with Horizon and Breeze components, and use Nunjucks templating for dynamic rendering: loops, conditionals, and variables resolved at render time.
Browse what's available:
3. View your page
From the page list in platform settings, click the page's Slug to open it. Edit the template content and save; changes are live immediately.
Working with records
The page types beyond Custom wire pages to your data model:
- Create: a form that creates records of an object.
- Edit / View: operate on a single record (they take a record UID, so keep them out of the navigation menu).
- List: display many records, with configurable columns.
Standard-object pages are read-only; to customize one, duplicate it and edit the copy. For a full worked example (custom object, navigation menu, and overriding the system-generated Create/View/Edit/List pages), see the page override guide.
Next steps
- Introduction to pages: page concepts in depth.
- Custom objects and fields: define the data your pages work with.
- Horizon component examples: deployable examples to adapt, including a Google Map and an address-entry field.
- Building something bigger? Web extensions embed full custom web apps, developed and deployed with the Skedulo CLI.