Skip to Content
Technical Articles
Author's profile photo Vijay Kumar Kalluri

Developed Custom FIORI Launch Pad with Tiles Using SAP UI5 application

Hello All,

I’m writing this blog post to share my experience on a specific development task on Custom FIORI Launch Pad with Tiles Using SAP UI5 application.

Example : https://hostname:portnum/sap/bc/ui5_ui5/ui2/ushell/shells/abap/FioriLaunchpad.html?UserId=VIJAY&sap-client=100&sap-language=EN#FIORIAPPROVEAPPdisplay

                FIORIAPPROVEAPP- Semantic Objects and    display  –              action

The main scenario of the requirement of the applications is, I need to display the $count values on tile based on URL Parameter Userid.

STEP 1:-

I created SAP UI5 application called “CUST_FLP_LOGIN”  in eclipse.

Added services in the “manifest.json” as per the below screen shot.


Add the below screen shot code in xml view.

Add the below screen shot code in controller.

  • Initialize/get the service url from the  “manifest.json” in “onInit” method.
  • Get the all catalogs which is created under admin URL using the “onAfterRendering” method code.


  • Split the catalogs which is available under the particular group using the “loadLoinInPage” method code.
  • APR_GROUP_ID-  Group ID ( which is available under admin url). This group contain all the catalogs which is required.


  • Created custom tittle using below screen shot code(“loadCustomLoginTile”).
  • Here you will get the group name which is you created in group under Admin.


  • Create the Custom tile based on catalog names and group name using below “loadCustomLoginTile” method code.


  • If the tile contain $count service url. Going to execute the service url based on that and the count added to the Custom tile as per below screen shot code


  • Once custom time part is completed. Then we need to call corresponding application through custom tile using the “CrossApplicationNavigation” as below code.


Finally, Based the custom launch pad application will create catalog and group as per below screen shot.





Final Out of the Custom Launch pad application


Hope this is helpful All !!!


Best Regards


Assigned Tags

      You must be Logged on to comment or reply to a post.
      Author's profile photo Syambabu Allu
      Syambabu Allu

      Good info

      Author's profile photo Jun Wu
      Jun Wu

      nice job, Vijay

      Author's profile photo Michelle Crapo
      Michelle Crapo

      Great job!   Personally, I'm hoping for that WSIWIG editor.   I know it wouldn't have worked for this.   I've been playing with build.  Of course I got stuck on the whole use WEBIDE.  But that's OK.

      It looks like your design was made in Eclipse using SAPGUI5.  I can actually do this one!  Yes!  I'll be trying it shortly.

      Author's profile photo Govardhan Reddy
      Govardhan Reddy

      Awesome Vijay Great Job....