Skip to Content
Aug 20, 2015 at 10:58 AM

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


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.