What’s New in Guideline Version 1.142

Topic

Update

UI Elements in the SAP Design System (New)

Overview page that introduces our key implementation technologies – SAPUI5 and SAP Web Components – and describes how guidance for these technologies is presented in the component guidelines.

Topic

Update

This page has been updated with a link to the SAP Developer with a link to the SAP Fiori Development Portal where you can explore the design capabilities of SAP Fiori elements for OData V4 and the various options for the building blocks, and to experiment with their behavior – both standalone and when used in standard floorplans.

AI-assisted error explanation helps users understand and resolve the errors or warnings that they encounter when working on an object page in an application developed with SAP Fiori Elements.

AI input assistance eases data entry for a new or existing object by recommending values for the input fields, based on previous input or business data.

It’s available in applications developed with SAP Fiori elements for OData V4.

Topic

Update

New, unified component guidelines that describe the features shared by both the SAPUI5 component and the corresponding web component, based on SAPUI5 as the reference implementation. The new guidelines also highlight any differences between the two implementations.

These consolidated guidelines replace the individual component guidelines for SAPUI5 and SAP Web Components.

See also: Transition to Unified Component Guidelines

Updated with new toggles on the Columns tab for controlling the content displayed there.

Content Formatting – Key Identifier:

• Updated guidance for strings with IDs: Show the ID together with the corresponding description in one column whenever possible.

Actions:

• Update on the placement of actions (as for grid table actions).
• When using a dedicated column for row actions, no column header is required for accessibility purposes.

Grouping:

• Updated general guidance: Don’t use grouping to display hierarchical data structures.

Content Formatting – Key Identifier:

• Updated guidance for strings with IDs: Show the ID together with the corresponding description in one column whenever possible.

Actions:

• Update on the placement of actions.
• When using a dedicated column for row actions, no column header is required for accessibility purposes.

Actions:

• Update on the placement of actions.
• When using a dedicated column for row actions, no column header is required for accessibility purposes.

Grouping:

• Updated general guidance: Don’t use grouping to display hierarchical data structures.

Topic

Update

Avatar
Avatar Group
Date/Time Picker
Input
Message Strip
Popover
Range Slider
Segmented Button
Slider
Toggle Button

These pages have been deprecated. The component guidelines for these SAP Web Components have been merged with the SAPUI5 guidelines. Learn more.