< Keep values > : keep existing choices
< Clear values > : clear all entries
< Leave blank > : leave fields empty (only appears if none of the selected items have existing values)

Components section added.

Behavior and interaction: Section on navigation by year interval added.

Examples added.

Note: This article relates to the SAPUI5 integration cards, which are technically distinct from the cards embedded in the overview page. Integration cards are not yet available for SAP S/4HANA.

For date/time fields, app teams can now opt to export the local time (from the SAP Fiori launchpad) instead of UTC.

Tabs as process steps: Don’t use the triple-chevron icon in the anchor bar of an object page.

Changing the order of tabs: Don’t enable tab reordering if tabs are being used for anchor bar navigation.

Old style:

New style:

Reviewing tokens: To select tokens, click/tap the token or use Space to select the focused token.

Using value help: You can now change the value help icon to better indicate the type of data in the field.

Grouping: Tabular suggestions can now make use of the responsive table/pop-in behavior.

Styles: Value state texts can now contain links.

Guidelines: In display mode, show the token texts separated by bullet points. Use an overflow if the list exceeds 1 line.

Option list:

• Do not disable values in the option list.
• To prevent translation issues, don’t use (None) to indicate that no items have been selected. Use (Not Selected), (No Values Selected) or other suitable and translatable text instead.

Value states: The default state (= no value state applied) has been renamed from “neutral” to “none” (as used in the SAPUI5 APIs).

Added general guidance on the initial focus position.

List Report Header

List Report Content Area

Object Page

Object Page Header

• The Display Saved Version / Return to Draft button is now available.
• By default, the text control allows for the entry of four lines of text. You can change the number of lines and enable growing mode for more space.
• You can rename the Related Apps button to Open in… for consistency in an environment with freestyle applications.
• You can use the address facet.

With SAP Fiori elements for OData V2, by default a link in the header now displays both the text and ID.

Object Page Content Area

• Groups in a form that have no fields are not displayed in the interface.
• With SAP Fiori elements for OData V2, by default a link in the content area now displays both the text and ID.

Table Toolbar

• You can chose to display the row count next to the table title or hide the table title.
• For both the list report and the object page, you can display a table with multiple views and display the row count on the segmented buttons or tabs. In this case, the table title does not display the row count.

With SAP Fiori elements for OData V2, you can enable object creation from the list report multiple view layout, in addition to the simple content layout.

Table Features

• In a responsive table, the values from columns assigned high importance are always displayed onscreen — as columns or in the pop-in area, depending on the screen size.
• With SAP Fiori elements for OData V2, you can set a growing threshold, that is, the number of rows that display on initial load and that display additionally when the user clicks More.

Icon font: Updated to version 4.10.

Business Suite icon font: Updated to version 1.073.

Figma  New!

In the future, all new SAP Fiori design stencils will be provided for Figma only.

Sketch
Axure RP
Adobe XD

However, the existing stencil files for guideline version 1.90 and below will remain available.

Design Stencils for Axure RP

Design Stencils for Adobe XD

Using Figma Stencils with Other Design Tools  New!