Updated: November 13, 2023

List Report – Content Area

Intro

The SAP Fiori elements list report template supports the three content area layouts detailed below.

For design information, see General Layout and the links below.

Simple Content Layout

The default layout for the content area is the simple content layout and displays the data for one business object in a single table view.  It supports:

  • Display of one business object in one table, or — with SAP Fiori elements for OData V2 — in one list
  • Automatic data loading
  • One table toolbar
  • Creation of business objects via a dialog
  • Creation of cards for the Insights section of My Home in SAP S/4HANA Cloud
Warning
Although table-level view management is supported, we strongly recommend against it.
Developer Hint
For more information on card creation and disabling it, refer application developers to Creating Cards for the Insights Section of My Home in SAP S/4HANA Cloud.
Simple content layout (default)
Simple content layout (default)

Multiple View Layout

For more complex scenarios, you can turn on the multiple view layout which supports: 

  • Display of multiple views of a table that shows one business object, for example, each view of the same table can display different prefiltered states
  • The segmented button for a maximum of three views or the select control for four or more views
    Note that the SAP Fiori elements framework determines the switch control automatically based on the number of views.
  • Display of the count or number of total rows in the view (must be enabled)
  • One table toolbar
  • Automatic data loading
  • Creation of business objects via a dialog with SAP Fiori elements for OData V2
  • Creation of cards for the Insights section of My Home in SAP S/4HANA Cloud
Warning
Although table-level view management is supported, we strongly recommend against it.
Developer Hint
For more information on card creation and disabling it, refer application developers to Creating Cards for the Insights Section of My Home in SAP S/4HANA Cloud.
Multiple view layout - Segmented button
Multiple view layout - Segmented button
Muliple view layout - Select control
Muliple view layout - Select control

Multiple Content Layout

To support even more complex scenarios, you can turn on the multiple content layout which supports: 

  • Display of one or more business objects in multiple tables, for example, you can display a customer overview with different tables for invoices, deliveries, and overdue payments. All the tables can be filtered by a specific customer and a specific date
  • Text-only icon tab bar to switch among the tabs
  • Views with data visualization in either table or chart format with both SAP Fiori elements for OData V2 and V4
  • Automatic data loading
  • Different toolbars for each view
Warning
Creation of business objects via a dialog is not supported – it must be done in an object page.

Although table-level or chart-level view management is supported, we strongly recommend against it.

Do not use a mix of responsive and non-responsive tables.

Developer Hint
Application developers may be unfamiliar with the designer term “multiple content layout.”

For more information on implementing this feature, refer the development team to:

Multiple content layout
Multiple content layout

Related Links

Want to dive deeper? Better understand the related desgin guidelines? Or, refer the development team to the related documentation for implementation? Follow the links below.