SAP Fiori Elements Framework List Report / Worklist Content Area

Updated: June 28, 2024
SAPUI5 Version 1.122

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, when My Home in SAP S/4HANA Cloud has been enabled. The Add Card to Insights option automatically appears in the overflow toolbar of the table in list report. You can turn off this feature.
Warning

  • We strongly recommend you avoid table-level view management, but it is supported.
  • With SAP Fiori elements for OData V4 these restrictions apply for the Insights cards:
    • When users navigate from the card in the Insights section of the My Home page to the list report table, the table view is similar to its state at card creation, but it does not retain the changes in the position or removal of filter fields or table columns.
    • The formatting of unit of measure fields differs between the Insights card and the list report table.

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, by default when My Home in SAP S/4HANA Cloud has been enabled. You can turn off this feature.
Warning

  • We strongly recommend you avoid table-level view management, but it is supported.
  • With SAP Fiori elements for OData V4 these restrictions apply for the Insights cards:
    • When users navigate from the card in the Insights section of the My Home page to the list report table, the table view is similar to its state at card creation, but it does not retain the changes in the position or removal of filter fields or table columns.
    • The formatting of unit of measure fields differs between the Insights card and the list report table.

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

  • We strongly recommend you avoid table-level or chart-level view management, but it is supported.
  • Creation of business objects must be done in an object page. Doing it via a dialog is not supported
  • 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.

Elements and Controls

Implementation