Layout and Navigation

This page describes visual aspects of the web app and iFrame that do not apply to the API.

The Patient Chart provides a consistent interface for navigating and reviewing patient data across clinical categories and record types. The layout supports efficient record review, with persistent navigation and section-based organization.

Layout

The Patient Chart includes three primary interface elements.

• Top bar: Displays patient context, including name, date of birth, age, and gender. This information stays visible so you stay oriented while navigating the chart.
• Navigation panel: Lists the available chart sections, grouped by clinical category. The navigation panel stays visible during navigation and supports expanding or collapsing section groups.
• Main display area: Displays the selected chart section.

Navigation Model

Navigation is organized by chart section.

• Each section represents a specific data type, such as medications, documents, or labs
• You access sections from the navigation panel, and they load dynamically when selected
• You can move between sections without losing patient context

The Patient Chart opens to the Patient Summary by default, providing a high-level view of recent clinical activity and entry points into detailed sections.

Interaction Model

A section displays as a sortable table or a set of cards, depending on the data type.

• Table-based sections: Structured data with sortable columns and keyword search, such as Medications or Vital Signs
• Card-based sections: Documents, messages, or events with metadata and preview options

Preview, download, and print are available on records where supported. At the bottom of the navigation panel, the Source Documents section holds the source records behind the chart. Source Documents also appears beside the Print, PDF, and Event Log actions, and selecting it scrolls to that section. Where a record has one or two sources, the first previews automatically. Where it has more, each source appears as a chip carrying the document name and a download icon, and selecting one previews it. For filtering, search, and sorting, go to: Searching and Filtering.