Set a custom theme as default in SAP Fiori launchpad - Sap 4 All

Latest

Please enter your email and get the updates in your inbox.

Saturday 3 December 2016

Set a custom theme as default in SAP Fiori launchpad

How to set a custom theme as the default theme in SAP Fiori launchpad in 5 steps.



Step 1: Rebuild the custom theme

Access your theme designer in the SAP Gateway URL. The URL is:
https://<Your GW Server Host:port>/sap/bc/theming/theme-designer/
Select the custom theme and click rebuild.







Step 2: Clear Fiori Theme Cache

In your SAP Gateway system use TCODE /ui5/theme_tool. There you can see all your custom fiori themes.

Double click on the [Invalidate Cache] button. Also note the Custom Theme id, we will need it later.




Step 3: Set default theme parameter

In your SAP Gateway system use TCODE /UI2/NWBC_CFG_CUST.
There you should add the SAP_FLP parameter which will override the one provided by SAP*.

Add the following values:

Filter - SAP_FLP
Parameter Name - Theme
Value - Custom_Theme_Id (See step 2)

Save the changes



* You can see the standard SAP Fiori Parameters using TCODE  /UI2/NWBC_CFG_SAP

Step 4: Clear the SAP Fiori Cache

Follow this guide to clear the SAP Fiori Cache


Step 5: Check the Custom Fiori Theme from external network (Optional)

It is a very common scenario the access of  Fiori apps from public internet using a Reverse Proxy Server, usually the SAP Web Dispatcher. In that case the host which your users are accessing is  different from the one that you used when accessing the theme designer toolkit.

Strangely the SAP Fiori launchpad does not use a relative to host URL for accessing the custom theme, but instead it uses a hard-coded one provided by the customization configuration resource.

You can check your Fiori Launchpad configuration resources in the following URL:

https://<Your external host>/sap/bc/ui2/start_up?shellType=FLP&depth=0

This will return a JSON response. There you will see the following fields between others:

"system": "GW_SYSTEM",
"theme": "custom_theme_id@https://<internal_GW_host>:<internal_GW_port>/sap/public/bc/themes/~client-100/~cache-9dCxur06U0MptvEF2o32-aPCRKQ",
  "timeFormat": "0",
  "timeZone": "CET",
  "welcomeMessage": "",
  "themeRoot": "/sap/public/bc/themes/~client-100/~cache-9dCxur06U0MptvEF2o32-aPCRKQ",

In the above case, theme value is using the internal SAP Gateway Host. As a result of this the SAP Fiori launchpad will crash when the custom theme is used and it is accessed using an external host....

The solution to this is to implement the following SAP Notes:

  • SAP Note #2041742 - UI Theme Designer for ABAP: Correct host
    This will be applied to SAP Web Dispatcher and it will correct the host issue.
  • SAP Note #2230117 - Theme is not loaded in SAP Fiori launchpad
    You should also apply note this to your SAP Gateway if the port of the SAP Web Dispatcher is different from the SAP Gateway port e.g WD Port 443 - GW Port 1443


After the implementation of the those SAP Notes you should:
  1. Rebuild the theme (See STEP 1).
  2. Clear  the cache (See STEP 4)
Finally the response from the Resources URL will be like:

"system": "GW_SYSTEM",
  "theme": "custom_theme_id"
  "timeFormat": "0",
  "timeZone": "CET",
  "welcomeMessage": "",
  "themeRoot": "/sap/public/bc/themes/~client-100/~cache-9dCxur06U0MptvEF2o32-aPCRKQ",

Theme value now is not providing a URL Parameter, so it is relative to host.

18 comments:

  1. Creating experts,A leading career development organization provides Real time training in SAP Success Factors,SAP MM, SAP SD, SAP ABAP, SAP BASIS,SAP BASIS, SAP FICO,with live examples by corporate Experts.
    www.thecreatingexperts.com (Best SAP training institute in chennai with placement assistance)
    SAP Success Factor,SAP MM Training in chennai Vadapalani ECR velachery Tambaram chromepet guindy and t.nagar.

    ReplyDelete
    Replies
    1. Set A Custom Theme As Default In Sap Fiori Launchpad - Sap 4 All >>>>> Download Now

      >>>>> Download Full

      Set A Custom Theme As Default In Sap Fiori Launchpad - Sap 4 All >>>>> Download LINK

      >>>>> Download Now

      Set A Custom Theme As Default In Sap Fiori Launchpad - Sap 4 All >>>>> Download Full

      >>>>> Download LINK tA

      Delete
  2. SAP Success Factors Training in Chennai


    Reach @ 9003085882 or 8122241286


    http://thecreatingexperts.com/sap-successfactors-training-in-chennai/

    Best Place to Learn Advanced SAP SF Training with Live Project Exp.



    ReplyDelete
  3. nice blog...The leading training concern THE CREATING EXPERTS are providing SAP ABAP and SELENIUM training and here is the link

    http://thecreatingexperts.com/sap-abap-training-in-chennai/

    http://thecreatingexperts.com/selenium-training-in-chennai/



    contact 8122241286

    ReplyDelete
  4. SAP training in chennai is provided by THE CREATING EXPERTS take a look at the link below

    http://thecreatingexperts.com/sap-abap-training-in-chennai/

    contact +91-08122241286

    ReplyDelete
  5. Thanks for sharing this Information,

    Got to learn new things from your Blog on Sap abap.

    http://thecreatingexperts.com/sap-abap-training-in-chennai/

    Both online and classroom training is provided.

    Contact 8122241286

    ReplyDelete
  6. I am expecting more interesting topics from you. And this was nice content and definitely it will be useful for many people.

    SAP MM Training in Chennai

    SAP HR Training in Chennai

    ReplyDelete
  7. Thank you very much for your good information sap fiori online access

    ReplyDelete
  8. Are you looking for live interactive SAPUI5 Online Training institute ?

    ReplyDelete
  9. Nice

    http://techearntrick.info

    ReplyDelete
  10. Thank you for sharing.For more information about Payroll and HR Systems visit us at:


    Payroll Philippines

    ReplyDelete
  11. Hi
    Thanks for sharing such a piece of valuable information. Click on the link
    SAP Software System

    ReplyDelete
  12. Appreciate you sharing, great article.Much thanks again. Really Cool.
    SAP PP online training
    SAP PP training

    ReplyDelete
  13. Set A Custom Theme As Default In Sap Fiori Launchpad - Sap 4 All >>>>> Download Now

    >>>>> Download Full

    Set A Custom Theme As Default In Sap Fiori Launchpad - Sap 4 All >>>>> Download LINK

    >>>>> Download Now

    Set A Custom Theme As Default In Sap Fiori Launchpad - Sap 4 All >>>>> Download Full

    >>>>> Download LINK

    ReplyDelete