SAP Fiori Elements

Improve the efficiency of your development teams and ensure consistency across your SAP apps by using standard page types to build applications. Using SAP Fiori elements to build apps that rely on SAP data can save you time and money on both development and maintenance costs. SAP Fiori elements is a library of several common floorplans that gives you a head start on developing applications that connect to data in SAP back-end systems.

Featured Content

How does SAP Fiori elements accelerate development?

In addition to the content of the pages, SAP Fiori elements also takes care of the logic and the behavior of the application. For example, you don’t need to write UI code to manage navigation between pages or applications. This means that standard apps require very little UI development.

See three ways that SAP Fiori elements speeds development

Watch the Using SAP Fiori elements video series

This video series features developers explaining how they use SAP Fiori elements to build their apps and how it saves them time and delivers a consistent user experience every time.

Watch the videos

Learn about the different page types that SAP Fiori elements supports

SAP Fiori elements has different page types to suit most business scenarios: • Overview page • List report • Object page • Analytical list report • Worklist

Learn about page types

Read how SAP Fiori elements streamlines SAPUI5 development

SAP Fiori elements generates SAP Fiori apps at runtime from existing OData services. It uses annotations to define attributes and relationships among your data. It is built on top of SAPUI5, SAP’s HTML5 development toolkit.

Read the SAPUI5 documentation

Expert Content

SAP Fiori elements on the SAP Community

Visit the SAP Community blogs for SAP Fiori elements to keep up to date with new features and more.

Read the community contentFind more blogs by subject matter experts on the SAP Fiori elements community

Get Help

Need additional assistance? Visit the SAP Fiori Help Portal for compatibility, functionality, and application development assistance. Note: Please use component CA-UI5-ST*to file an incident with the SAP Fiori elements team. We will be in touch as soon as possible. In this case * refers to the specific page type (floorplan).

Visit the SAP help portalRead back issues of the SAP Fiori development newsletterSubscribe to the SAP Fiori development newsletter

Getting Started

Getting started with SAP Fiori elements video seriesGeneral introductionOverview pageList report pageObject pageAnalytical list report pageWorklist pageWhen to use SAP Fiori elements guide

Events

See recordings from experts

Build SAP Fiori apps at scale using a repeatable process (SAP Online Track, May 2020)Develop SAP Fiori Apps Rapidly with Low-Code Development Tools (TechEd 2019)Building SAP Fiori Apps Quickly and Simply (TechEd 2019)