Skip to Content

Add Custom UI Application Tile to SAP Fiori Launchpad

Extend a business catalog with custom UI application.
You will learn
  • How to make the custom UI visible as an application tile in SAP Fiori launchpad
LiebherrUlrike LiebherrAugust 6, 2021
Created by
December 11, 2017


  • Authorizations: Your user needs a business role with business catalogs Extensibility - Custom Business Objects (ID: SAP_CORE_BC_EXT_CBO) and Extensibility - Custom Catalog Extensions (ID: SAP_CORE_BC_EXT_CCE) in SAP S/4HANA Cloud

As application availability in Fiori Launchpad and authorization for it is managed via Business Catalogs, you will see how to extend such a business catalog with your new app.

Additional Information

  • SAP S/4HANA Cloud Release (tutorial’s last update): 1902
  • Step 1

    Open Custom Catalog Extensions application on your SAP Fiori launchpad (SAP S/4HANA Cloud system).

    Open custom catalog extensions
  • Step 2

    Search your application and select it.
    The ID of your application is the combination of the name that you gave when deploying it from SAP Cloud Platform to S/4HANA Cloud including the prefix YY1_ plus the suffix _UI5R. It is of type Custom UI App.

    Select application
  • Step 3

    Press Add to start extending the business catalog that the new app shall be part of.

    add a catalog to become extended

    A pop up opens for catalog selection. Be aware, that users that shall be able to use the app must have a role with the same catalog assigned. Narrow down the result list by searching for Custom Business, select the Catalog with role ID SAP_CORE_BC_EXT_CBO and press OK.

    Find and select catalog

    The pop up has closed and the catalog extension got an entry in its list of used catalogs. Select that entry and press Publish

    Published Catalog Extension for Extensibility catalog

    This step takes some minutes, the screen refreshes automatically and once the status switches from unpublished to published, you can close this application’s window and proceed.

  • Step 4

    Go to the Fiori Launchpad by pressing the Home button.
    Press F5 to refresh your page and your new tile becomes visible.

    Click it to open your new app developed with Web IDE.

    Open Custom App’s tile

    The List Screen will open. As by default a list screen does not show the existing list entries you have to press the Go button to get these.

    Load list of Bonus Plans

    To get into the details screen of a Bonus Plan you can click its whole entry in the list.

    Open Custom App’s tile
  • Step 5

    Where do you get the link for your host name?

Back to top