Showing results for 
Search instead for 
Did you mean: 

How is the Component.js of a custom UI5 app configured to be compatible with the Fiori Launchpad?

0 Kudos

I have a simple UI5 app, and would like to place a tile on the Fiori Launchpad to launch it from there.

As I understand it, to make an app work with the launchpad, you do not need an index.html file as that will keep as it an independent app and launch in a new tab/window.

The Component.js, therefore, is the method to 'hook' the app into the context of the launchpad.

I am having trouble understanding how to get this to work. Some information mentions the standard extension of the UIComponent, whereas looking at the SAP standard Fiori apps (e.g. leave request approval etc), they use

I have set up the tile in the launchpad, I don't think there are any issues there. The current error I'm getting is the Home.controller.js file is 404'ing. But specifying the controller in the createContent function stops the Home.view.xml file from being created.

Here is my current non-working Component.js:"NAMESPACE.Component");"");"NAMESPACE.Component", {

   metadata:"MD", {

     "dependencies" : {

       "libs" : [ "sap.m" ]


     "config": {

       "resourceBundle": "i18n/"



   createContent : function() {

     var oView = sap.ui.view({

             viewName : "NAMESPACE.view.Home",

             type : sap.ui.core.mvc.ViewType.XML


     return oView;



I am not trying to extend an existing Fiori app, I am creating an app from scratch and trying to add it to the launchpad.

Accepted Solutions (0)

Answers (2)

Answers (2)

Active Contributor
0 Kudos

Hi Matthew,

Hope this below blog answer your question:

0 Kudos

Hello Mattew,
Please look at

There is a presentation on the above link that will detail to you how to add a custom app to the fiori launchpad.
Hopefully it will be of some assistance to you.

Kind Regards,

Grahame Collins

Support Engineer

SAP Product Support

Fiori SCN

All things FIORI