Skip to Content

Create Your Own SAP Fiori Launchpad

0 %
Create Your Own SAP Fiori Launchpad

Create Your Own SAP Fiori Launchpad

January 27, 2021
Created by
December 8, 2017
Using SAP Cloud Portal service, create your own SAP Fiori launchpad to host your applications.

You will learn

  • How to create a launchpad page using the SAP Cloud Portal service
QR code

Your Launchpad can be used with SAP Web IDE to host apps that are deployed to the SAP Business Technology Platform and registered with SAP Fiori.

Step 1: Go to Services

Back in your SAP BTP cockpit, go to the Services page.

service in SAP BTP cockpit

In the search menu, search for Fiori.

service search for Fiori
Log on to answer question
Step 2: Open the Portal service

From the filtered down list of services, find the Portal service under the User Experience group.

Click on the tile for the Portal Service.

Portal tile in services

Make sure to enable the service if is not already enabled. Once you see the green Enabled status, click Go to service to launch the Fiori Launchpad Portal.

service overview for portal

This will load the Fiori Launchpad Portal.

Fiori launchpad portal home screen
Log on to answer question
Step 3: Create a new site

On the Fiori Launchpad Portal, click on the Create New Site button.

new site button on home screen
Log on to answer question
Step 4: Set the site properties

Set the Site Name to MyLaunchpad.

Select the SAP Fiori Launchpad as the Template Source.

new site settings

Click Create.

Log on to answer question
Step 5: Fiori Configuration dashboard

Your Fiori Launchpad Configuration Cockpit will load.

new site dashboard
Log on to answer question
Step 6: Validate your Fiori Launchpad

In your Fiori Launchpad Cockpit dashboard, copy the URL up to the ? and paste it in the below box.

Step 7: Open the settings

You can control the settings for your Launchpad from here. Click on the Settings tab.

dashboard settings

The settings page for your Fiori launchpad will open.

settings page
Log on to answer question
Step 8: Update the SAPUI5 version

Scroll to the bottom of the settings page to find the Edit button in the bottom toolbar. Click Edit.

edit button on settings page

Under System Settings, locate the SAPUI5 Version. Click the drop down arrow and choose Custom from the list.

SAPUI5 version options

When the dialog box pops up, select OK.

SAPUI5 version warning message

From the number drop down menu, select the version number 1.84.4.

SAPUI5 number version options

Verify your SAPUI5 version settings match the screenshot below and click SAVE in the bottom toolbar.

settings page save button

When the read only settings page load, verify that under System Settings the SAPUI5 Version is Custom (1.84.4)

SAPUI5 version read only
Log on to answer question

Next Steps

Back to top