What’s New

Updated: December 18, 2020
SAPUI5 Version 1.80

What’s New in Guideline Version 1.80

Intro

This article provides an overview of the updates to the SAP Fiori web design guidelines with guideline version 1.80.

General – Icon Updates

The following icon updates are being implemented across all standard SAP Fiori controls:

Remove/Close Icon

The Remove/Close icon has been updated to comply with SAP’s Product Standard for UX Consistency.

Message Icons

In response to user feedback, we have also updated some of the message icons.

Warning
During the transition, some controls/guidelines may not yet be showing the latest icons.

General Concepts

Topic Update Topic Link

Mass Editing

 We recommend using specific texts wherever possible for the mass editing variants:

 Mass Editing

Layouts, Floorplans, & Frameworks

Layouts

Topic Update Topic Link

Dynamic Page Layout

 Desktop-centric tables: A new developer hint was added for the property fitContent. Dynamic Page Layout

Floorplans

Topic Update Topic Link

Object Page Floorplan

 Form Facet: Label-text pair was added.

Create and Edit Subobjects: New guidance on creating subobjects inline.

Forms: Information on how to use the UI.Importance annotation was added.

 Object Page Floorplan

Tool Development

Topic Update Topic Link

Side Navigation

 The article has been fully restructured for easier understanding. Side Navigation

UI Elements

Topic Update Topic Link

Button

 New feature added for showing the keyboard shortcut for an action. Button Shortcut

Label

 Label Placement section added. Label Placement

Services and Resources

Topic Update Topic Link

SAP Fiori Design Stencils

 SAP Fiori Design Stencils – Overview

Sketch

 What’s New in Sketch Stencil Version 1.80 Design Stencils for Sketch

Axure RP

 What’s New in Axure RP Version 1.80 Design Stencils for Axure RP

Adobe XD   

 What’s New in Adobe XD Version 1.80 Design Stencils for Adobe XD

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 versions 1.79 and 1.80.
  • 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.