Updated: June 29, 2022

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
Warning
Although table-level variant management is supported, we strongly recommend against it.
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
Warning
Although table-level variant management is supported, we strongly recommend against it.
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 all 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 a chart instead of a table with both SAP Fiori elements for OData V2 and V4
  • Views with data visualization in both a chart and a table with SAP Fiori elements for OData 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 variant 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.