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).

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. [internal_only]For more about the different illustration styles, see Illustration Use Case Library in the visual design wiki.[/internal_only]

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.