More About Controls
OpenUI5 contains controls that are provided with multiple libraries. This section contains detailed information about some of the controls beyond the information provided in the API reference.
Note:
The following sections provide additional information for selected controls and features. For a complete list of all controls and their documentation, see the API Reference and the Samples.
- Busy Indicators
You use busy indicators to inform users that something is going on in the background, for example, some data is being fetched from the back end and the user has to wait. As long as the busy indicator is shown, either all or a specific part of the UI is blocked, and no user interaction is possible.
- Cards
A card is a design pattern that displays the most concise pieces of information in a limited-space container. Similar to a tile, it helps users structure their work in an intuitive and dynamic way.
- Date and Time Related Controls: Data Binding
Date and time related controls can be bound to an OData service.
- Grid Controls
OpenUI5 provides several different grid layouts that are suitable for different use cases.
- Hyphenation for Text Controls
OpenUI5 offers the possibility to hyphenate words in multiline texts when controls are in wrapping mode.
- Semantic Pages
The semantic page controls help the app designers and developers implement and comply with the SAP Fiori design guidelines more easily.
- Pages: Which One Should I Choose?
OpenUI5 applications are used in different environments: They can either be embedded within shells that come with their own header or they are displayed standalone without such a shell around them. This has implications on how the header area of an OpenUI5 application should look like.
- Tables: Which One Should I Choose?
The libraries provided by OpenUI5 contain various different table controls that are suitable for different use cases. The table below outlines which table controls are available, and what features are supported by each one.
- Forms: Which One Should I Choose?
To display and edit data in a form, OpenUI5 offers various form controls that are suitable for different use cases. This documentation outlines which form controls are available, and what features are supported by each one.
- sap.f
This library contains controls specifically designed for SAP Fiori apps.
- sap.m
This library contains the most important controls for building a user interface that is responsive to any device.
- sap.tnt
This library contains controls that provide the basic structure of a tool app.
- sap.ui.codeeditor
This library contains the CodeEditor control.
- sap.ui.core
This library contains the core of the OpenUI5 runtime, including modules for Model-View-Controller (MVC), components, event handling, routing, XML templating, base classes for control development, and i18n.
- sap.ui.mdc
The sap.ui.mdc library contains composite, metadata-driven controls that assemble UI elements with predefined user experience and various functionalities. The controls can be used as a basis for scalable application development and can be implemented for use with any OpenUI5 model and data protocol.
- sap.ui.table
Table-like controls, mainly for desktop scenarios.
- sap.uxap
This library includes controls associated with the ObjectPage.
Related Information
Supported Library Combinations
Browser and Platform Support