Integration Cards Overview

Diagram

Integration cards present a new means to expose application content to the end user in a unified way.
Depending on the use cases cards can be easily embedded in a host environment, such as application, dashboard, or any HTML page. A variety of card types can be configured by a simple JSON configuration (schema) without the need to write code for UI rendering. In this way, even users without programming skill are being enabled to create new cards according to their special needs.

Diagram

Card Configuration

Based on a JSON schema definition, the card author defines either static or dynamic card content from the REST services. The upcoming design-time capabilities of the cards will help authors in the future.

Host Environment

The host environment is responsible for the card’s integration. Action events allow the host environment to react on user interactions within the card. For HTML environments UI5 provides two ways of integration: as a Custom Element or as a UI5 control.

UX Concept

Cards consist of:

Characteristics

Developing Cards

To develop a card you should create a manifest.json file that stores all configurations (card structure, data, functionality, etc...). The sap.card is the namespace responsible for the card configuration inside the manifest file. Read more about Card Types.