Action List Item The action list item control lets the user trigger actions directly from a list. Used in dialog boxes and popovers. Category: UI Elements - SAPUI5 Type: -
Analytical List Page Floorplan The analytical list page offers step-by-step analysis with data visualization for investigating root causes and taking action. Category: Floorplans Type: -
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
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 – Values and Names This page provides all the color names in the chart palettes. Category: UI Elements - SAPUI5 Type: Data Visualization
Chart – Range Selector The range selector is a user interface control that enables the user to select a range of data points in a data set. Category: UI Elements - SAPUI5 Type: Data Visualization
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
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
Cloud File Browser The cloud file browser is a tool that allows users to browse through a remote repository, export data to the cloud, or import files from the cloud to an SAP application. Cloud file browser - Export and import dialogs Components The cloud file browser is composed of the following controls embedded in a dialog: A [...] Category: UI Elements - SAPUI5 Type: Dialog / Popover
Dynamic Page Layout The dynamic page is a flexible, responsive layout control designed to support various floorplans and use cases. Category: Page Layouts Type: -
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
Grid Table …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
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 Popover The message popover can display multiple messages without interrupting the user. Category: UI Elements - SAPUI5 Type: Dialog / Popover, 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 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: -
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: -
Planning Calendar The planning calendar allows users to see parallel appointments and create new events. Category: UI Elements - SAPUI5 Type: User Input
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
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
Single Planning Calendar The single planning calendar displays the calendar of a single person or resource over a day, work week, or week. Category: UI Elements - SAPUI5 Type: User Input
Smart Table The smart table is a wrapper for SAP Fiori tables that lets you reuse back-end data structures and generic features. Category: UI Elements - SAPUI5 Type: Smart Controls, Table / List / Tree
Switch The toggle switch mimics a physical switch that allows users to turn things on or off. Category: UI Elements - SAPUI5 Type: User Input
Tree The tree control allows you to display a basic hierarchy, for example, in a master list or dialog. Category: UI Elements - SAPUI5 Type: Table / List / Tree
Tree Table A tree table contains a hierarchical set of data that is structured in rows and columns and grouped into nodes. Category: UI Elements - SAPUI5 Type: Table / List / Tree
Upload Set The upload set control allows users to upload single or multiple files to an SAP Fiori app. Category: UI Elements - SAPUI5 Type: User Input