Dynamic Fiori Launchpad Tile Explained

[uladzislau_pralat]

I came across a number of resources that explain Dynamic Fiori Launchpad Tile creation. They are missing some details or provide simplistic examples. In my blog I added clarity focusing on important aspects of implementation and provided more realistic example.

In my example the same OData Service is used to feed two dynamic tile and calculating values dynamically using CDS views.



As you can see from snapshot above there are two dynamic tiles. Left tile displays stock value and right one average product rating. Color coding is used for the values, for example, stock value ranged from 100 to 200 millions CAD is considered as good.

Lets see how it is implemented. To begin with, I defined ZDYN_TILE DDIC structure to provide information for dynamic tiles.



Next I used the above structure to define DYN_TILE entity of ZDYN_TILE_SRV_01 OData Service



I also implemented GetEntity method of DYN_TILESet Entity Set



Next created CDS views used in the method above

 

ZSNWD_PD_VALUE CDS View:



 

ZSNWD_PD_STOCK CDS View:



 

ZSNWD_PD CDS View:



 

ZSNWD_PD_RATING CDS View:



 

Tested ZDYN_TILE_SRV_01 OData Service for DYN_TILESet EntitySet GetEntity method for both keys:  EPM Products Value and EPM Products Rating





And finally maintained EPM Products Value and EPM Products Rating Dynamic Tiles in Fiori Launchpad Designer





Service URLs for EPM Products Value Dynamic Tile:

/sap/opu/odata/SAP/ZDYN_TILE_SRV_01/DYN_TILESet('EPM Products Value')/?$format=json

 

Service URL for EPM Products Rating Dynamic Tile:

/sap/opu/odata/SAP/ZDYN_TILE_SRV_01/DYN_TILESet('EPM Products Rating')/?$format=json

 

Source code for this example can be downloaded from here:

ZDYN_TILE Structure

DYN_TILESET_GET_ENTITY Method

ZSNWD_PD_VALUE CDS View

ZSNWD_PD_STOCK CDS View

ZSNWD_PD CDS View

ZSNWD_PD_RATING CDS View