Overview Page (OVP)
An overview page (OVP) is an SAP Fiori elements floorplan that summarizes one business area in a grid of cards, each bound to its own data set and rendered from annotations, so a role can see priorities and jump into the right app. An overview page aggregates several sources on one screen but leaves detailed work to other apps.
Quick facts
- Type
- SAP Fiori elements floorplan (card-based page)
- Layer
- UI applications
- Configured in
- sap.ovp section of manifest.json, plus UI annotations per card
- Card types
- List, table, link list, analytical chart; stack and quick view in OData V2
- Data
- OData V2 and V4 services, combinable in one page
- Example SAP app
- Procurement Overview Page (F1990)
- Applies to
- SAP S/4HANA (all deployment options), SAP BTP
Layer: UI applicationsWhere it sits ▾
Layer: UI applications
Open the architecture map →When should you use an overview page?
An overview page fits monitoring and decision-making for one area of work, such as procurement or sales, when the information comes from several entities and the user needs a quick read before acting elsewhere.
Decision criteria:
- One data set that users analyze in depth, then act on: an analytical list page.
- Several data sets that a role scans for exceptions, then drills into: an overview page.
- A personal start page across all of a user's work: My Home, the launchpad entry page in SAP S/4HANA.
- A search across many objects: a list report.
Example: the procurement lead at Alder Manufacturing opens an overview page with four cards: purchase requisitions pending approval, order value by supplier, late deliveries from Bright Freight, and quick links to the purchasing apps. Each card opens the app where the work happens. SAP's Procurement Overview Page (F1990) follows this pattern. An overview page is the right choice when a role needs breadth first and depth one click later.
What are the parts of an overview page?
An overview page has a simple structure:
- Header: the title of the business area the page covers, with a user menu that includes managing which cards are shown.
- Filter bar (optional): application-level filters, such as a company code or date range, that apply to every card whose entity shares the filtered property.
- Cards in a grid: responsive columns, up to five depending on screen width, that users can rearrange by drag and drop.
Each card has two areas. The card header carries a mandatory title, an optional subtitle and a counter showing how many records the card displays out of the total for the current filter; it can also carry a KPI value with trend, which requires a service that aggregates. The content area shows a list, a table, links or a chart. Clicking a card or one of its items navigates, usually through intent-based navigation, to the app that handles the detail. The card, not the page, is the working unit of an overview page.
Which card types does an overview page offer?
| Card type | What it shows | Main annotations |
|---|---|---|
| List | Records with up to six fields each | UI.LineItem, UI.DataPoint |
| Table | Records in a three-column table | UI.LineItem |
| Link list | Links with a title, icon or image and optional subtitle | Static links in manifest.json, or data from an entity set |
| Analytical chart | Line, bubble, donut, column, stacked column, combination, scatter and other charts | UI.Chart, UI.PresentationVariant |
| Stack (OData V2) | Up to 20 related cards opened as an object stream | UI.Identification |
| Quick view (OData V2) | One record in more depth, with action buttons | UI.HeaderInfo, UI.Facets |
Every card is bound to a single entity set. UI.SelectionVariant and UI.PresentationVariant narrow and sort what a card shows, UI.Identification holds card actions, and UI.KPI configures KPI headers. Developers can also create custom cards. Overview page cards are annotation-driven components of this floorplan; UI integration cards are a separate, declarative card technology designed for reuse across hosts. Choosing card types well is most of the design work on an overview page.
How is an overview page configured?
All settings live in the sap.ovp section of manifest.json, at two levels:
- Page level: the model and entity set of the global filter, the container layout (a resizable layout lets users resize cards), data loading on launch, and automatic refresh, whose minimum and default interval is one minute.
- Card level: for each card, the template, the entity set, the annotation paths for line items, charts, selection, presentation and KPI, plus navigation settings.
The overview page accepts OData V2 and V4 services, even within the same page. SAP notes that its UI principles come from OData V2, that it still uses smart controls, and that only the FilterBar building block is used; the full documentation therefore sits in the V2 section of the SDK. Users can rearrange, hide, show, resize and filter cards, and moved cards keep their position. The flexible column layout does not apply to overview pages. In SAP S/4HANA Cloud Public Edition, custom overview pages depend on the extensibility options available there, so check the extensibility documentation for your release. Configuring an overview page is mostly a matter of curating cards, not building screens.
What are common overview page design mistakes?
- Cards that lead nowhere. A card without navigation shows a problem but not the way to fix it.
- Too many cards. Twenty cards turn an overview into a scroll; keep the ones a role checks daily.
- Ignoring authorization. Without the requireAppAuthorization card setting, users can see a card and then hit an access error when navigating. With it, the card appears only if the user may open the target intent.
- KPI headers on non-aggregating services. KPI values need aggregation in the back end.
- Duplicating existing apps. A card that reproduces a full list report invites users to work inside the card instead of the app.
When a card is missing or empty, check in order: whether the user hid it in Manage Cards, the requireAppAuthorization intent and the user's roles, the card's selection variant, the global filter values, then the authorization on the card's entity set. Most overview page problems come from card selection and authorization, not from the framework.
Overview page vs. My Home: what is the difference?
| Overview page | My Home | |
|---|---|---|
| What it is | SAP Fiori elements floorplan for one business area | Entry page of the SAP Fiori launchpad in SAP S/4HANA |
| Scope | One area, such as procurement, from several data sets | A user's work across areas: to-dos, news, pages, apps, insights tiles and cards |
| Who defines the content | Developers, in manifest.json and annotations | SAP-delivered content plus each user's personalization |
| Cards | Annotation-driven cards defined by the app | Insights cards that users add, for example from overview pages and analytical list pages |
| How users reach it | A tile or link that opens the app | Shown at login when enabled; standard in Public Edition for users with spaces and pages |
An overview page is an app about one area, while My Home is the launchpad's personal start page that can borrow cards from such apps.
FAQ
What does OVP mean in SAP Fiori?
OVP stands for overview page, a card-based SAP Fiori elements floorplan. An overview page shows several cards on one screen, each summarizing data from its own entity set, such as open requisitions or spend by supplier, and links to the apps where users act.
Is an overview page the same as My Home?
No. An overview page is an app that summarizes one business area. My Home is the entry page of the SAP Fiori launchpad in SAP S/4HANA, with sections such as To-Dos, Apps and Insights. Users can add analytical, list and table cards from an overview page to My Home.
Can users personalize an overview page?
Yes. Users can rearrange cards by drag and drop, hide or show cards in the Manage Cards dialog, apply filters that affect all relevant cards and, when developers enable a resizable layout, resize cards. Moved cards keep their new position on the next visit.
Does the overview page support OData V4?
Yes. The overview page accepts OData V2 and OData V4 services, and both can feed cards in the same page. Its design remains closely tied to OData V2, so SAP documents the overview page in the OData V2 section of the SAPUI5 SDK.
Why is a card missing from my overview page?
The most common causes are that the user hid the card in Manage Cards, or that the card is restricted with requireAppAuthorization and the user's roles do not include the target app. Selection variants and global filters can also leave a card empty.
Sources
- SAPUI5 SDK: Overview Page (SAP Fiori elements for OData V4)
- SAPUI5 SDK: Overview Page (SAP Fiori elements for OData V2)
- SAPUI5 SDK: Types of Cards (overview page)
- SAPUI5 SDK: Overview Page Card
- SAP Help Portal: My Home in SAP S/4HANA (What's New, ABAP Platform)
- Applies to
- SAP S/4HANA on-premise · SAP S/4HANA Cloud Private Edition · SAP S/4HANA Cloud Public Edition · SAP BTP
- Last reviewed