Overview
Dynamic tiles offer extended functionality in the SAP Fiori Launchpad by displaying current data directly on the tile. These tiles use OData services to display regularly updated information. They are particularly suitable for applications that need to present constantly changing data, e.g., KPIs or customer data.

Example:
Tiles with dynamic information for the selected customer
Unlike standard Fiori tiles with their respective OData services, the S10 framework uses a single generic service controlled by parameters:

Steps to create dynamic tiles:

1. Integration into the Launchpad:

  • Use the transaction /UI2/FLPD_CUST to start the designer in the browser.
  • Create a new dynamic tile in a catalog.
  • At least enter the title of the tile.

2. Service Definition:

  • Provide the service URL for the tile with parameters.
  • Dynamic S10 tiles use a service URL in the format:
    /sap/opu/odata/s10/dynamictile_srv/tile('CLASS.METHOD.PROGRAM')

3. Implementation of the ABAP Method:

  • Implement an ABAP method that returns the tile data. This method must fill the structure /s10/fiori_tile, which is then sent back to the Fiori Launchpad.

Example:
Dynamic Tile "Current Customer"

The information for the tile is read using the following service URL in the class "customer", in the program "/S10/CIS" and the method "tile_customerdetails":

/sap/opu/odata/s10/dynamictile_srv/tile('customer.tile_customerdetails.%2Fs10%2Fcis')



Note: When passing parameters in the URL, certain characters need to be encoded. Therefore, slashes in the program name "/S10/CIS" are encoded as %2F.

The called method has a changing parameter referencing a structure of type /s10/fiori_tile. This is then evaluated later and sent back to the Fiori Launchpad in JSON format:

ABAP Method 
tile_customerdetails
        importing
          options  type string
        changing
          tileinfo type /s10/fiori_tile.


method tile_customerdetails.

* Read data
* ... 


* Fill tileinfo structure for fiori tile

    tileinfo-title = kunnr_out.
    tileinfo-subtitle = kna1-name1.
    tileinfo-info = kna1-land1 && | | && kna1-pstlz && | | && kna1-ort01.
    tileinfo-number = ''.
    tileinfo-icon = 'sap-icon://customer'.

  endmethod.

Component S10 Framework