Quantcast
Channel: SCN : All Content - SAP for Mobile
Viewing all articles
Browse latest Browse all 6147

How to set a theme parameter to SAP Fiori Launchpad

$
0
0

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/thems/~client-<client>

logo14.png

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

 

Ideas/Solutions:

There are several ideas to give easy access.

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

 

An example:

 

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

shell01.png

Go To External Aliases

shell02.png

Select the default_host and create a system alias

shell03.png

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

shell04.png

Save.

shell05.png

/fiori is created.

shell06.png

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

Transaction: SE80

App: /ui2/ushaell

shell07.png

shell08.png

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>

-----------

shell09.png

Activate.

shell10.png

3. Test the URL on browser.

shell11.png

Your theme is applied.

logo14.png


Viewing all articles
Browse latest Browse all 6147

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>