What’s New in Guideline Version 2.00

Intro

This article provides an overview of the updates to the SAP Fiori web design guidelines with guideline version 2.00 (SAPUI5 version 1.100).

Topic

Update

Version Numbering

The versioning for SAPUI5 releases has changed. After version 1.99, it restarted with 1.100.

For technical reasons, this is not yet reflected in the guideline version. Guideline version 2.00 corresponds to SAPUI5 version 1.100.

Topic	Update	Topic Link
Design-Led Development in S/4HANA, S/4HANA Industries, and DSC	Discover: Step 4 – Handling New Roles: Updated pattern for naming the folder for new business roles: <role name> <role ID> Example: Accounts Payable Manager R006	Design-Led Development in S/4HANA, S/4HANA Industries, and DSC

Topic	Update	Topic Link
Designing Intelligent Systems	Guiding principles / ethically-aligned design: Link to AI Ethics Policy added.	Designing Intelligent Systems – Guiding Principles

Topic	Update	Topic Link
Dynamic Date Range	If you offer the option Last X Days and/or *Next X Days, also include the options Yesterday* and *Tomorrow* respectively.	Dynamic Date Range – Available Values

Topic	Update	Topic Link
Table Toolbar	Mass edit is now available in the list report with SAP Fiori elements for OData V2.	Table Toolbar
Table Rows	With SAP Fiori elements for OData V2, the list report now offers an inline edit icon that opens the corresponding object page in edit mode. This feature is available for responsive and grid tables. When it’s enabled, the object page footer displays the Save and Next button. With SAP Fiori elements for OData V4, table cells can now display multiple input values. In edit mode, the multiple values are displayed, but not editable. The cells that displayed multiple values in the table onscreen are empty when exported to a spreadsheet.	Table Rows
Table Features	All messages related to the table as a whole can be displayed in a message strip above the table. The messages are shown in order of their severity.	Table Features
Object Page Header	With SAP Fiori elements for OData V2, the object page header can now contain a link to an external website. With SAP Fiori elements for OData V4, to help users identify empty content in the quick view, when a detail contains no value, the empty state indicator (–) is displayed.	Object Page Header
Object Page Content Area	The application developers can define the file size and types allowed for upload to an object page property with SAP Fiori elements for OData V4.	Object Page Content Area

Topic	Update	Topic Link
SAP Fiori Design Stencils	SAP Business Suite icon font: Updated to version 1.077.	SAP Fiori Design Stencils – Overview
Design Stencils for Figma	We’re currently working on a new stencil library for the upcoming Horizon visual theme. The Quartz Light stencil library will remain available but is no longer being updated.	Design Stencils for Figma