---
parser: v2
auto_validation: true
primary_tag: programming-tool>abap-extensibility
tags: [  tutorial>beginner, tutorial>license, programming-tool>abap-development, programming-tool>abap-extensibility ]
time: 15
author_name: Peter Persiel
author_profile: https://github.com/peterpersiel
slug: abap-custom-ui-generate-tile
canonical_url: https://developers.sap.com/tutorials/abap-custom-ui-generate-tile
---
<!-- DONE with BGO/100 -->
# Add Custom UI Application Tile to SAP Fiori Launchpad

<!-- description -->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

## Prerequisites

- **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 your **SAP S/4HANA Cloud** system

## Additional Info

- Since application availability in the Fiori Launchpad and its authorization are controlled through Business Catalogs, you'll learn how to extend an existing catalog to include your newly created app.
- Tutorial last checked for feasibility with SAP S/4HANA Cloud Release 2608

---

### Open custom catalog extensions

Start typing **Custom Catalog Extensions** in the Launchpad search and open the App from the results.

![Custom Business Objects application from search results](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-custom-ui-generate-tile/FLP_search_resultCCE.png)

### Find and select application

Search your application and open it.

The ID of your application is the combination of the name that you gave when deploying it from SAP Business Application Studio to SAP S/4HANA Cloud including the prefix `YY1_` plus the suffix `_UI5R`. It is of type `Custom UI5 App`.  

![Select application for Custom Catalog Extension](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-custom-ui-generate-tile/CCE_selectApp.png)

### Extend business catalog

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

![Add new Custom Catalog Extension](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-custom-ui-generate-tile/CCE_add.png)

In the opening value help narrow down the result list by searching for `Custom Business`, select the Catalog with role ID `SAP_CORE_BC_EXT_CBO` and press **OK**.

![Value Help for adding Custom Catalog Extension](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-custom-ui-generate-tile/CCE_addValueHelp.png)

>You could also choose another Catalog, but be aware that your user must have a Business Role containing that catalog to be able to access the created application.

**Select** the just added Catalog and **Publish** it.

![Publishing Custom Catalog Extension](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-custom-ui-generate-tile/CCE_publish.png)

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.

### Open custom UI App

Start typing **Manage Bonus Plans** in the Launchpad search and open the App from the results.

![Manage Bonus Plans application from search results](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-custom-ui-generate-tile/FLP_search_resultBonusPlans.png)

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](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-custom-ui-generate-tile/s4_BonusplanApp_List_pressGoButton.png)

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

![Open Custom App's tile](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-custom-ui-generate-tile/s4_BonusplanApp_List_pressListEntry.png)

### Test yourself