Explore SAP Fiori

Analytical Table (ALV)

Analytical tables offer powerful options for working with the data, including advanced grouping and aggregations.

Category: UI Elements - SAPUI5

Type: Table / List / Tree

Carousel

The carousel is a control for browsing through a set of items one item at a time.

Category: UI Elements - SAPUI5

Type: Display, Form / Layout / Container

Chart Color Palettes

This article explains the three chart visualization color palettes and how you can leverage their unique properties.

Category: UI Elements - SAPUI5

Type: Data Visualization

Chart Color Palettes – Values and Names

This page provides all the color token names in the chart palettes.

Category: UI Elements - SAPUI5

Type: Data Visualization

Filter Bar

The filter bar lets users filter item lists and tables by various criteria, and create custom filter variants.

Category: UI Elements - SAPUI5

Type: Filter, User Input

…threshold) is usually also based on the performance of the service, it should be safe to assume that the minimum selection limit is twice this size. In this case, loading the data would take as long as scrolling down and loading exactly one more block. Nevertheless, we recommend using larger…

Category: UI Elements - SAPUI5

Type: Table / List / Tree

Illustrated Message

An illustrated message is a combination of a solution-oriented message and a UX illustration.

Category: UI Elements - SAPUI5

Type: Messaging

Object Display Components

Object display components represent key object attributes, such as the object ID or status.

Category: UI Elements - SAPUI5

Type: Display

Object Page Floorplan

The object page floorplan is the recommended floorplan for displaying, creating, and editing business objects.

Category: Floorplans

Type: -

Object Page Floorplan

The object page floorplan is the recommended floorplan for displaying, creating, and editing business objects.

Category: Floorplans

Type: -

Overview Page (OVP) Floorplan

The overview page is a data-driven SAP Fiori app that provides all the information a user needs in a single page.

Category: Floorplans

Type: -

Responsive Table

…smartphones. Comparing items is a major use case. In this case, the analytical table or grid table might be more appropriate because each cell contains only one data point. By contrast, the responsive table offers greater flexibility within line items, including the ability to add more data points per cell…

Category: UI Elements - SAPUI5

Type: Table / List / Tree