Technology Blog Posts by SAP
cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 
Read only

How to set a theme parameter to SAP Fiori launchpad

masa_139
Product and Topic Expert
Product and Topic Expert
‎2014 May 16 8:12 AM
77,178

Please share your ideas and solutions for setting a theme parameter to SAP Fiori launchpad.

Feel free to edit this page.

Background:

URL string is long for setting a theme parameter to SAP Fiori launchpad. Users won't type URL string and you have to give a easy way for setting a theme parameter.

Full URL string:

https://<host>.<domain>:<port>/sap/bc/ui5_ui5/ui2/ushell/shells/abap/Fiorilaunchpad.html?sap-client=<client>
&sap-theme=<theme>@https://<host>.<domain>:<port>/sap/public/bc/themes/~client-<client>

Reference: How to setup your company logo in SAP Fiori launchpad

Ideas/Solutions:

There are several ideas to give easy access.

  1. Embedded hyper link in Corporate web page. - User just click the link and link has full URL.
  2. Set default theme parameter SAP_FLP-THEME
  3. Using URL shotener tool. - There are several tools in the market.
  4. Using proxy server re-writing. - Proxy server will add a theme parameter.
  5. Specify a theme in bootstrap of app
  6. Hard coded in index.html. - You can set it without asking your IT network team.

Example 2: Set default theme parameter SAP_FLP-THEME

System default theme is defined in the transaction /UI2/NWBC_CFG_SAP.

You can chnage the system default in the transaction /UI2/NWBC_CFG_CUST.

Call Fiopri launchpad without theme parameter.

https://<host>.<domain>:<port>/sap/bc/ui5_ui5/ui2/ushell/shells/abap/Fiorilaunchpad.html?sap-client=<client>

The custom theme is set from SAP_FLP-THEME in the transaction /UI2/NWBC_CFG_CUST.

Example 6: Hard coded in index.html and starrt launchpad with /fiori.

This is just an example for starting SAP Fiori launchpad with a theme parameter by https://<host>.<domain><port>/fiori .

Theme parameter is specified in the index.html.

Steps:

1. Define external alias for Unified Shell service. Unified shell is technical name for SAP Fiori launchpad.

Transaction: SICF

Search Unified Shell service

Go To External Aliases

Select the default_host and create a system alias

External Alias name is /fiori. Target Element is /default_host/sap/bc/ui5_ui5/ui2/ushell.

Save.

/fiori is created.

2. Create index.html and hard code the full URL.

Transaction: SE80

App: /ui2/ushaell

Write short HTML code. This load Fiori launchpad with a theme parameter.

-----------

<html>

<head>

    <script language="JavaScript">
    function loc(){window.location = "shells/abap/Fiorilaunchpad.html?sap-theme=<theme>@https://<host>.<domain>:<port>/sap/public/bc/themes/~client-<client>";}
    </script>
</head>
<body onLoad="loc()"></body>
</html>

-----------

Activate.

3. Test the URL on browser.

Your theme is applied.

27 Comments