This article provides an overview of the updates to the SAP Fiori web design guidelines with guideline version 2.08 (SAPUI5 version 1.108).
Look, Feel, and Wording
|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|
|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.
|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
|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||
You can also display these fields as links with different navigation targets.
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.
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.