A starter guide that can help you to“Customize SAP Fiori Launchpad”

SAP Fiori Customization | Customize SAP Fiori Launchpad

Introduction
SAP Fiori is the digital platform that can get you the experience your employees demand. It is important to know and deliver what the users need So here’s are a few steps on how you can administer, enhance and improve the look and feel of your Fiori Interface. It is easy, simple and seamless to customize a Fiori launchpad screen. This blog emphasizes on how users can customize Fiori Launchpad using SAP Fiori Launchpad Designer tool and SAP UI Theme Designer tool.

These two tools are primarily controlled by a Basis or Fiori Administrator. However, the end users are also given a free hand to make SAP Fiori customization to meet their needs. This flexibility simplifies the user experience and improves the productivity as well

To begin with let us see how the end users can customize their Fiori launchpad and how does it differ from what BASIS Administrators can do

SAP Basis Administrator

I have discussed below in detail on how users can customize Fiori Launchpad to improve their user experience

How to customize SAP Fiori Launchpad using SAP Fiori Launchpad Designer Tool?

SAP Fiori Launchpad can be customized with the help of SAP Launchpad Designer Tool. With this tool, cusers can create custom catalogs and groups, choose from a list of tiles which may vary from one app to another, you can also define the app target mappings. I have already explained these topics in my previous blog. Here’s the link – Create custom catalogs, groups and tiles

How to customize SAP Fiori Launchpad using UI Theme Designer?
Follow the below steps and try the options suggested below:

Step 1: Login to SAP GUI system

Step 2: Open the T-code /ui5/theme_designer URL for Theme Designer <https://:/sap/bc/theming/theme-designer?sap-client=>

Step 3: This opens the UI Theme Designer page in the browser

SAP UI Theme designer with SAP Fiori Customization

Step 4: Click on “Open” button to enter the target application that you wish to edit.

sap-ui-theme-designer-link-to-target-url

Step 5: You can edit the launchpad home screen or any specific application
Here I have used “Approve Requisition” app URL and this opens the application screen in the theme designer.

sap-ui-theme-designer1

There are few options where basis administrator can completely change the look and feel of the SAP Fiori Launchpad. Look at the options listed below:

Option 1 : Change Background color, Background Gradient color, Text color, Link color and few more. You can either use the available color or go to Color palette and create new colors of your choice.

Have a look at the below screenshots for better understanding.

sap-ui-theme-designer-change-text2-color

sap-ui-theme-designer-custom-blue-cystal

Option 2: Change Background Image

sap-ui-theme-designer-change-bg-image
Option 3: Change Company Logo

sap-ui-theme-designer-change-company-logo


For the End Users:

When you as an end users opens the launchpad, you can see pre-defined contents divided into groups that are assigned to you by an administrator. Under each group, you can access tiles that represent business applications.

Below is the image that shows end user’s Fiori Launchpad Homescreen:

sap-launchpad-home-page-main-screen


How end users can personalise their SAP Fiori Launchpad Homepage?

Option 1: You can rename, move, delete, reset and also create new groups.
Click on the “Personalize Homepage” icon on the launchpad bottom of the right corner to perform the following activities.
1. To remove a tile from the group, just tap on the app tile and click on “Remove” button .

sap-fiori-launchpad-remove-app-tile
To move the app from one group to another group, click on “Move” button. It popup the below screen, choose the group from the list and move the app.

To change the app title, subtitle and to add an information to the app, click on “Settings” button.

sap-fiori-launchpad-change-app-title

sap-fiori-launchpad-move-app-to-group

To create a new group, click on “Add Group” button and give the name for the group.

sap-fiori-launchpad-add-group

Option 2: You can add tiles to the existing groups or to the new group.
The launchpad provides you with a tile catalog, which displays all the tiles that you have access to. Each tile will have either the “Add” icon or “Tick” icon.

lauchpad-fiori This icon represents that the tile has not been assigned to any group so far.

fiori-launchpad This icon represents that the list has been already assigned to some group.

Select the group to which you want to add a tile, click icon to open the tile catalog or open the tile catalog directly from the group panel by clicking on this icon .
Choose the tile catalog from the dropdownlist.
Click on the app tile icon. A popup box “Add Tile to Groups” will open and you can choose the group and click on “Ok”.

sap-fiori-launchpad-add-tile-group

Option 3: You can choose to set different theme to the launchpad.
In the header bar, click or tap the icon and click on “User Preferences”.
In the “User Preferences” dialog box, click on the “Theme” drop down list and select the desired theme of your choice.
Choose ”Ok”to save your changes.

sap-fiori-launchpad-theme-change

sap-launchpad-change-bg-theme

Conclusion:
After reading through the above steps, you will get an overview on SAP Fiori and how enterprises leverage Fiori to achieve maximum benefit out of it. I hope the above article helps you to connect. You can also learn about the configuration steps in Fiori Launchpad here, this will help you to add or manage groups, catalogs, maintain specific tiles for your users.
Feel free to follow up or raise any doubts regarding SAP Fiori functional or technical aspects.  It is a solution stack of SAP’s technology products. You can also read more about Mobolutions, SAP Partner, a www.mobolutions.com where we specialize in Fiori implementation and deployment of standard and custom Fiori apps. You can also connect with us on LinkedIn

SAP NetWeaver
SAP NetWeaver is the primary technology computing platform of the software company SAP SE, and the technical foundation for many SAP applications.

Leave a Reply