SAP Fiori Elements

Discover / Frameworks / SAP Fiori Elements

Intro

For the design options available with SAP Fiori elements framework and for AI features implemented with the framework, see the articles below.

To explore the design capabilities of SAP Fiori elements for OData V4 and experiment with their behavior, see the links to the floorplans in the SAP Fiori Development Portal.

Get Started

SAP Fiori Elements - Overview

Get the big picture of supported floorplans, key features, custom pages, and extensions.

Find Information and Get Help

Additional internal assets to help you ramp up on SAP Fiori elements.

Terminology for SAP Fiori Elements

Familiarize yourself with the terms used by designers and developers.

SAP Fiori Elements - Overview

Get the big picture, including supported floorplans, key features, versioning, and extensions.

Terminology for SAP Fiori Elements

Familiarize yourself with the terms used by designers and developers.

List Report / Worklist

List Report Header

Supported features for the list report header.

List Report Content Area

Supported content layouts.

Worklist

Supported features based on a simplified list report.

Integration of Classic SAP UIs

Integrating classic SAP UIs for create, edit, and display actions.

List Report Page

SAP Fiori Development Portal

Worklist Page

SAP Fiori Development Portal

Object Page

Object Page - Overview

Global features for the object page.

Object Page - Header

Supported features for the object page header.

Object Page - Content Area

Supported features for the object page content area and subsections.

Object Page – Footer Bar

Supported footer bar actions.

Object Page

SAP Fiori Development Portal

Table / List

Table Types

Supported features for the different table types.

Table Features

General table features for the list report and object page.

Table Toolbar

Table toolbar features for the list report and object page.

Table Rows

Supported features for table rows and inline items.

List

Supported list item types in a list report.

Analytical List Page / Overview Page

Both the analytical list page floorplan and overview page floorplan are implemented as SAP Fiori elements templates.

Analytical List Page

Analyze data from different perspectives and drill down to the details.

Analytical List Page

SAP Fiori Software Development Portal

Overview Page

Entry page for a specific task or role.

Overview Page

SAP Fiori Software Development Portal

AI Features

AI-Assisted Error Explanation

Helps users understand and resolve the errors or warnings that they encounter when working on an object page.

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.

UX Writing

Replacing Placeholder Text

How to replace default text with application-specific text.