Updated: December 2, 2022

What’s New in Guideline Version 2.08 (1.108)

Intro

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

Information
We are currently reviewing our design guideline landscape. During this period, some content in this guideline may not reflect the latest SAPUI5 control implementations. To see the latest implementation status, please see the SAPUI5 samples.

Look, Feel, and Wording

Topic Update Topic Link
UX Illustrations New “dot” illustration size added. The dot size doesn’t have an illustration and contains only the message text. UX Illustrations – Illustration Sizes

UI Elements

Topic Update Topic Link
Illustrated Message New “dot” illustration size added for very small containers, such as tiles, cards, and table cells.

Images updated to reflect the illustrative style with the Horizon theme.

Illustrated Message
Upload Set You can use object statuses to display any information on an object, not just object states.

Using the object status can improve readability, since the labels and values have different colors. This makes them stand out better than attribute texts.

SAP Fiori Elements Framework

Topic Update Topic Link
Overview Page From the overview page, users can add list cards and table cards to the Insights section of the My Home page. Overview Page
Object Page – Header With SAP Fiori elements for OData V4, a message strip in the object page header can display information related to object as a whole. Object Page – Header
Object Page – Content Area
  • With SAP Fiori elements for OData V4, you can display two related fields side by side with a single label, even when they correspond to separate properties on the backend.

You can also display these fields as links with different navigation targets.

  • With SAP Fiori elements for OData V4, with draft-enabled applications, users can now trigger the validation of a draft object data by pressing the Enter key while their cursor is in a field on the object or subobject page.

This feature was available for SAP Fiori elements for OData V2 in the previous release.

Object Page – Content Area
Table Features By default, a grid table in the object page shows a maximum of 5 rows to optimize the onscreen space available.

The default does not apply in the exceptional cases where there’s sufficient onscreen space.

Table Features

About Guideline Updates

With each new guideline version, we deliver two types of update:

  • Updates to reflect new or changed UI controls available with SAPUI5.
  • Ongoing updates on how to best apply the SAP Fiori design (such as overarching concepts, floorplans, and additional decision support). These updates are introduced with a given guideline version, but are not necessarily dependent on a specific SAPUI5 version.

Note: Our policy is to update only the latest guideline version. If you are working with an earlier SAPUI5 release, also consider checking out the most recent guideline version to get the latest general guidance.