- Version 1.126
- SAPUI Version 1.124
- SAPUI5 Version 1.122
- SAPUI5 Version 1.120
- SAPUI5 Version 1.118
- SAPUI5 Version 1.116
- SAPUI5 Version 1.114
- SAPUI5 Version 1.112
- SAPUI5 Version 1.110
- SAPUI5 Version 1.108
- SAPUI5 Version 1.106
- SAPUI5 Version 1.104
- SAPUI5 Version 1.102
- SAPUI5 Version 1.100
- SAPUI5 Version 1.98
- SAPUI5 Version 1.96
- SAPUI5 Version 1.94
- SAPUI5 Version 1.92
- SAPUI5 Version 1.90
- SAPUI5 Version 1.88
- SAPUI5 Version 1.86
- SAPUI5 Version 1.84
- SAPUI5 Version 1.82
- SAPUI5 Version 1.80
- SAPUI5 Version 1.78
- SAPUI5 Version 1.76
- SAPUI5 Version 1.74
- SAPUI5 Version 1.72
- SAPUI5 Version 1.70
- SAPUI5 Version 1.68
- SAPUI5 Version 1.66
- SAPUI5 Version 1.64
- SAPUI5 Version 1.62
- SAPUI5 Version 1.60
- SAPUI5 Version 1.58
- SAPUI5 Version 1.56
- SAPUI5 Version 1.54
- SAPUI5 Version 1.52
- SAPUI5 Version 1.50
- SAPUI5 Version 1.48
- SAPUI5 Version 1.46
- SAPUI5 Version 1.44
- SAPUI5 Version 1.42
- SAPUI5 Version 1.40
- SAPUI5 Version 1.38
- SAPUI5 Version 1.36
- SAPUI5 Version 1.34
- SAPUI5 Version 1.32
- SAPUI5 Version 1.30
- SAPUI5 Version 1.28
- SAPUI5 Version 1.26
- Latest Version 1.128
- Version 1.126
- SAPUI Version 1.124
- SAPUI5 Version 1.122
- SAPUI5 Version 1.120
- SAPUI5 Version 1.118
- SAPUI5 Version 1.116
- SAPUI5 Version 1.114
- SAPUI5 Version 1.112
- SAPUI5 Version 1.110
- SAPUI5 Version 1.108
- SAPUI5 Version 1.106
- SAPUI5 Version 1.104
- SAPUI5 Version 1.102
- SAPUI5 Version 1.100
- SAPUI5 Version 1.98
- SAPUI5 Version 1.96
- SAPUI5 Version 1.94
- SAPUI5 Version 1.92
- SAPUI5 Version 1.90
- SAPUI5 Version 1.88
- SAPUI5 Version 1.86
- SAPUI5 Version 1.84
- SAPUI5 Version 1.82
- SAPUI5 Version 1.80
- SAPUI5 Version 1.78
- SAPUI5 Version 1.76
- SAPUI5 Version 1.74
- SAPUI5 Version 1.72
- SAPUI5 Version 1.70
- SAPUI5 Version 1.68
- SAPUI5 Version 1.66
- SAPUI5 Version 1.64
- SAPUI5 Version 1.62
- SAPUI5 Version 1.60
- SAPUI5 Version 1.58
- SAPUI5 Version 1.56
- SAPUI5 Version 1.54
- SAPUI5 Version 1.52
- SAPUI5 Version 1.50
- SAPUI5 Version 1.48
- SAPUI5 Version 1.46
- SAPUI5 Version 1.44
- SAPUI5 Version 1.42
- SAPUI5 Version 1.40
- SAPUI5 Version 1.38
- SAPUI5 Version 1.36
- SAPUI5 Version 1.34
- SAPUI5 Version 1.32
- SAPUI5 Version 1.30
- SAPUI5 Version 1.28
- SAPUI5 Version 1.26
What’s New in Guideline Version 1.128
Intro
This article provides an overview of the updates to the SAP Fiori web design guidelines with guideline version 1.128.
UI Elements – SAPUI5
Topic | Update | Topic Link |
Carousel | Responsive behavior:
|
Carousel – Responsiveness |
Illustrated Message | Illustrations don’t require an alternative text. | Illustrated Message |
UI Elements – Web Components
Components
Topic | Update | Topic Link |
Carousel | Responsive behavior:
|
Carousel – Responsive Behavior |
Color Palette Popover |
Under More Colors…, the color picker defaults to the last color used. If no color has been selected, it defaults to white. |
Color Palette Popover – Selecting a Color |
Form NEW | Guideline for the web component implementation of the form. | Form |
SAP Fiori Elements Framework
Topic | Update | Topic Link |
List Report Header | With SAP Fiori elements for OData V4:
|
List Report Header (SAP Fiori Elements) – Editing Status Filter |
Table Features | With SAP Fiori elements for OData V4:
Instead, you can enable an option to display the nodes in the order that they were created in the table or parent node. This feature allows users to act directly on the table hierarchy when they create new table elements or reorder the table nodes. |
Table Features (SAP Fiori Elements) |
Table Rows | With both versions of SAP Fiori elements, in draft-enabled applications, you can enable or disable the empty row for data entry feature for:
When settings are made at both application and table levels, the table setting takes priority. Additionally, with SAP Fiori elements for OData V2, you can enable or disable the feature at the object page level. When the settings are made at application, object page, and table levels, the setting at the most granular level takes priority, as follows: table, object page, application. |
Table Rows (SAP Fiori Elements) – Empty Row for Data Entry in Create and Edit Modes |
Table Toolbar | With SAP Fiori elements for OData V4:
By default, the Edit dialog contains all the table columns that are currently visible and editable. Now, the application team can define the fields that display in the dialog, by both:
|
Table Toolbar (SAP Fiori Elements) |
Designer Toolkit
Topic | Update | Topic Link |
Download Fonts | SAP icon font: Download files were updated to version 5.10 (Horizon theme) and 4.22 (Quartz theme).
SAP Business Suite icon font: Download files were updated to version 2.086 (Horizon theme) and 1.086 (Quartz theme). |
Download Fonts |
SAP Fiori for Web UI Kit | The SAP Fiori for Web UI Kit is available in the Figma Community. | SAP Fiori for Web UI Kit |
SAP S/4HANNA Web UI Kit | The SAP S/4HANA Web UI Kit is available in the Figma Community. The kit includes both cozy and compact form factors. | SAP S/4HANA Web UI Kit |
User Research NEW | Extended set of resources for conducting user research, including:
This article replaces the former User Research Method Cards article. |
User Research Resources |
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 or SAP Web Components.
- Ongoing updates on how to best apply the SAP Fiori design (such as patterns, 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.