Fiori Launchpad Tiles Design (2024)

Fiori Launch Pad Tiles Design

A tile is a container that represents an app on the SAP Fiori launchpad home page. All apps have at least one corresponding tile. Tiles are used to display and launch apps on the launchpad. In SAP S/4HANA Fiori Launchpad, different designs of tile creations are possible. Compared to traditional menu driven transaction in SAP GUI, Fiori Tiles have many features to display the count, icons and analytic details. Analytics can be shown on a Fiori Tile which in turn would display a summary of the application statuses. Without opening the tile, users can view the statistics of applications right on the tiles itself.

Three different tiles can be created in the SAP S/4 HANA Fiori Launchpad.


  • Static Tiles : Displays the title and icon in Fiori tile



  • Dynamic Tiles : Displays the title, icon and count from backend system using OData service



  • KPI Tiles : Displays the title, icon and count from backend system using OData service as micro-charts, graphs and analytic details


Fiori Launchpad Tiles Design (1)

The below steps can be used as a reference to create the different tiles in the SAP S/4HANA Fiori Launchpad.

Static Tiles


  • Execute transaction /UI2/FLPD_CUST

  • Create Technical Catalogue as SAP_TC_ABC_COMMON

  • Create Target Mapping for the catalog


Fiori Launchpad Tiles Design (2)

Fiori Launchpad Tiles Design (3)


  • Create Business CatalogTiles and Target Mapping created in technical catalog should be copied as reference in Business Catalog.

  • Create Business Catalog group as SAP_BCG_ABC_TRADER_HOME and add the created tiles of catalog

  • Create a business user role in transaction “PFCG” as shown below and attach Business Catalog and group. In the “USER” tab, add User ID who will authorized to view the tiles.

  • Fiori Launchpad Tiles Design (4)

Dynamic Tiles


  • Execute transaction /UI2/FLPD_CUST

  • Create Technical Catalog as SAP_TC_ABC_COMMON and select template as “Dynamic Tile”.

  • Add the OData Service in the “Service URL”

  • Define the Refresh interval in seconds. After the defined seconds, It will fetch data from OData Service.


Fiori Launchpad Tiles Design (5)


  • Create Target Mapping for thecatalog


Fiori Launchpad Tiles Design (6)


  • Create Business Catalog as Tiles and Target Mapping created in technical catalog should be copied as reference in Business Catalog.

  • Create Business Catalog group as SAP_BCG_ABC_TRADER_HOME and add the created tiles of catalog

  • Create a new PFCG role as shown below and attach Business Catalog and group. In the “USER” tab, add User ID who will authorized to view the tiles.


Fiori Launchpad Tiles Design (7)

OData Service for Dynamic Tiles


  • Define New Entity type for OData Service



  • Create the listed fields below


Fiori Launchpad Tiles Design (8)


  • Create Entityset


Fiori Launchpad Tiles Design (9)


  • Add codes in DPC_EXT Classes


Fiori Launchpad Tiles Design (10)

KPI Tiles


  • Add KPI Design tiles tool in Fiori Launchpad as shown below.

  • Add specific roles for KPI Design tile tool.


Fiori Launchpad Tiles Design (11)


  • Define CDS Data Source in the KPI evaluations

  • Measures of the parameters will be displayed in KPI tiles using the defined CDS views

  • OData Service should be registered for this CDS Data source.


Fiori Launchpad Tiles Design (12)


  • Select one tile display pattern from given standard tile patterns.

  • Add Semantic Object and Action

  • Defined the count for three different parameters which will be displayed on Fiori Tiles.

  • These parameters should have been defined in CDS views.

  • Text for these count parameters will be also retrieved from CDS views.


Fiori Launchpad Tiles Design (13)

Summary:

Tiles clearly add more value when they contain dynamic content such as KPI data and micro charts. End business user can check the business analytics figure on tile itself.

Latest SAP S4/HANA Fiori launchpad administration guide for more details and best practices are following :




    1. Creating and Configuring Tiles https://help.sap.com/viewer/a7b390faab1140c087b8926571e942b7/201809.002/en-US/92dda11afc814a538a8ec6...

    2. Best Practices for Content Configuration https://help.sap.com/viewer/a7b390faab1140c087b8926571e942b7/201809.002/en-US/41d314ce17b64e6ead0549...

    3. And the latest app to help with KPI tiles https://help.sap.com/viewer/6b356c79dea443c4bbeeaf0865e04207/1909.000/en-US/c00cbf7fe8464663aee830fb...




Fiori Launchpad Tiles Design (2024)
Top Articles
Latest Posts
Article information

Author: Delena Feil

Last Updated:

Views: 6107

Rating: 4.4 / 5 (45 voted)

Reviews: 92% of readers found this page helpful

Author information

Name: Delena Feil

Birthday: 1998-08-29

Address: 747 Lubowitz Run, Sidmouth, HI 90646-5543

Phone: +99513241752844

Job: Design Supervisor

Hobby: Digital arts, Lacemaking, Air sports, Running, Scouting, Shooting, Puzzles

Introduction: My name is Delena Feil, I am a clean, splendid, calm, fancy, jolly, bright, faithful person who loves writing and wants to share my knowledge and understanding with you.