How to Use Custom Tile in Fiori Launchpad Local Sandbox

FLP local sandbox version provides 4 possible renderings for a tile.
(/resources/sap/ushell/adapters/local/LaunchPageAdapter-dbg.js: _createTileInstance)

Obviously, in order to display custom tile, the last option need to be considered. For this example, I displayed a simple generic tile from a standalone UI5 app.

1: Standalone UI5 app infos.
Generic tile.
Load data from backend service in controller.

2: An UI5 object will be called by the default switch. Create a folder (customTileContainer) and a js file (Container.js).


3: Configure custom tile information either in window["sap-ushell-config"] or standalone json file.
    additionalInformation: the component ID of standalone UI5 app for the custom tile.
    url: path to the standalone UI5 app
    tileType: can be any one will match the default switch.
    info: I use this field to pass component ID and startup parameters to Container.js


4: Path registration is required in order to refer to Container.js and standalone UI5 app correctly.
jQuery.sap.registerModulePath(oApplication.additionalInformation.replace("SAPUI5.Component=",""), oApplication.url)
jQuery.sap.registerModulePath("com.abc.customTileContainer""/customTileContainer");

Comments