Page builder

Build solutions at speed with configurable pages.

Skedulo’s Page builder is a template-driven framework that renders Horizon components. It enables you to easily create and customize pages using a set of pre-defined components which can be added to pages using our templating language.

What is a page?

A page is a template generated using Nunjucks.

Pages can be configured by adding or modifying different components, which are reusable parts of the user interface that have been made to support a variety of applications. You can use individual components in many different templates and contexts.

All available components can be found in the component libraries:

  • The Breeze UI component library contains all of the development instructions and core base level components for building effective user interfaces. Use Breeze UI components to build Horizon components to ensure consistent UI experiences.

  • The Horizon UI component library contains larger product specific components, which have scheduling specific logic and naming conventions.

Types of pages

Pages can be loosely grouped into the following three types, but they are all essentially the same underneath and can be configured to display the information required using our design system and component packages.

Record pages

Record pages are CRUD pages that are automatically generated by the system in response to an object being created. They are customisable using our horizon and breeze components so you can easily control which information is visible and how the page is rendered.

Custom pages

Custom page creation is a powerful feature which enables you to expand and curate your own experience on Skedulo Platform. Unlike the pages auto-generated by the system, custom pages do not need to be linked to an object when you create them.

In order to create a custom page, select the Create New option on the Platform Settings page. You can then use the available components and templates to build the page from scratch. Alternatively, you can override the templates which are automatically generated when you create an object.

List view pages

Use list views to present, filter, and sort records from any object. A list view page displays a list of records for a given object. For example, the All work list view page displays a subset of fields from the Job object. List view pages are incredibly powerful due to their personalization capabilities.

For more information about List View pages, see the Knowledge base.


System-generated pages

Understanding system-generated pages

Components

Understanding components

Overriding pages

Overriding system-generated pages.


Last modified March 31, 2022: graphics updated (7400c5f)