NHS Look and Feel

Summary

Aidbox Forms supports an NHS-branded look and feel designed for applications that use FHIR Questionnaires and need to be embedded into the NHS App or other NHS-aligned services. This theme follows the official NHS Design System , including its styling rules, layout patterns, and UI components.

What is the NHS?

The National Health Service (NHS) is the publicly funded healthcare system of the United Kingdom. It provides healthcare services to residents, including general practice, hospital care, mental health services, and public health programs.

The NHS is known for its standardized approach to healthcare delivery, including clear guidelines, consistent patient-facing design, and digital services that follow the NHS Design System . The design system ensures that digital forms, applications, and interfaces are accessible, user-friendly, and consistent across N

Description

Implementation

Aidbox Forms introduces the QuestionnaireTheme.design-system property, which allows selecting from predefined design systems:

  • aidbox-desktop
  • aidbox-mobile
  • NHS

Choosing the NHS design system applies NHS-compliant styles and components across the rendered Questionnaire.

Important Notes

  • The NHS design system currently supports only the following entry modes:
    • sequential
    • prior-edit

Support for additional entry modes may be added in the future.

Usage

To enable the NHS look and feel in Aidbox Forms:

  1. 1.

    Create a Questionnaire Set its entry-mode to one of the modes supported by the NHS design system:

    • sequential
    • prior-edit (typically used)
  2. 2.

    Create a QuestionnaireTheme Set the design-system property to NHS.

  3. 3.

    Choose how the theme is applied You can apply the NHS theme in two ways:

    System-wide: Configure your SDCConfig to use this theme as the default. All Questionnaires without an explicitly assigned theme will automatically use the NHS design system.

    Per questionnaire (when sharing forms): When generating patient-facing links using the populatelink or generate-link operations, include the theme in the theme property to apply the NHS design only to that specific form.

This setup allows you to use the NHS design system globally or only for selected Questionnaires, depending on your needs.

PreviousForm signature
NextHow-to guides