Patterns

Explore patterns that solve common design and development challenges when building Power Pages websites.

Patterns are best practice design solutions for specific user-focused tasks and page types. They combine components and styles to solve common problems users face when interacting with government services built on Power Pages and Dynamics 365.

Unlike components which are reusable building blocks, patterns show how to combine these elements to help users complete tasks like navigating a service, validating form inputs, or presenting data from Dynamics 365 in an accessible way.

---

In this section

• Applying sort and filters

  Learn how to implement server-side filtering and sorting in Power Pages using URL parameters and Liquid.

• Displaying custom errors

  Learn how to show helpful custom error messages to users on your Power Pages website.

• Overriding breadcrumbs with a back link

  Show a back link in place of breadcrumbs to simplify navigation in specific Power Pages journeys.

• Overriding the phase banner

  Find out how to replace or customise the phase banner to reflect your service's stage.

• Setting the page heading

  Understand how to apply consistent, accessible page headings across Power Pages screens.

• Using captions in page headings

  Enhance page context by adding captions above headings on Power Pages pages.

• Validating and submitting data to CRM

  Use the CRM Helper Framework to validate user input and submit data to CRM.

---

Patterns available on GOV.UK Design System

The following patterns from the GOV.UK Design System provide guidance that can be applied directly to your Power Pages portal.

• Addresses

  Help users provide an address using one of several approaches.

• Check answers

  Let users check their answers before submitting information to a service.

• Confirm an email address

  Check that a user has access to a specific email account.

• Confirmation pages

  Let users know they've completed a transaction.

• Gender or sex

  Collect information about gender or sex in a respectful way.

• Names

  Help users enter their name in a way that works for everyone.

• National Insurance numbers

  Ask users for their National Insurance number.

• Passwords

  Help users create and enter secure passwords.

• Question pages

  Follow a consistent structure when asking users questions.

• Start pages

  Use a starting point to explain what users need before they begin.