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

Button

Buttons allow users to trigger actions – either by clicking the button, or by pressing a corresponding key.

Category: UI Elements - SAPUI5

Type: Action / Navigation

Card

A card represents an app or page. It can be used to launch the app or navigate to the page content.

Category: UI Elements - SAPUI5

Type: Form / Layout / Container

Checkbox

A checkbox indicates whether a state is true (checked) or false (unchecked). Users can check multiple options.

Category: UI Elements - SAPUI5

Type: User Input

Comparison Pattern

The comparison pattern displays information from multiple items side by side on the same page.

Category: Page Layouts

Type: -

Dynamic Date Range

Standalone control that offers a choice of absolute and relative dates.

Category: UI Elements - SAPUI5

Type: User Input

Grid List

A grid list displays items using images, charts, object cards, or other formats that benefit from more height (but less width).

Category: UI Elements - SAPUI5

Type: Table / List / Tree

…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

Infobar

The infobar is a type of toolbar that appears above a list or panel, and shows filter or selection settings.

Category: UI Elements - SAPUI5

Type: Display, Filter

Input Field

…the examples below, the input field is shown in combination with the tabular autocomplete feature for different device sizes. Note that when tabular suggestions are used, the column headers stay sticky when scrolling within the suggestion list. Size S (Smartphones) Cozy mode: When the user clicks the input field, a…

Category: UI Elements - SAPUI5

Type: User Input

List

The list control displays a simple data set that the user can sort, filter, or group.

Category: UI Elements - SAPUI5

Type: Table / List / Tree

Message Toast

A message toast is a non-disruptive popup for success messages, which disappears after a few seconds.

Category: UI Elements - SAPUI5

Type: Messaging

Multi-Combo Box

The multi-combo box lets users select one or more options from a predefined list, and has an input box for filtering.

Category: UI Elements - SAPUI5

Type: User Input

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: -

Smart Field

…controlType, value: dropDownList Select Edm.String Configuration: controlType, value: selection Multi-line text Text Text area Edm.String MultiLineText Decimal numbers Text Object number One or two input fields (for number and unit) Edm.Int16, Edm.Int32, Edm.Int64, Edm.SByte, Edm.Byte, Edm.Single, Edm.Float, Edm.Double, Edm.Decimal Precision, Scale Status information Object status Edm.String criticality, criticalityRepresentationType Text and…

Category: UI Elements - SAPUI5

Type: Smart Controls, User Input