Personalizing SAP Fiori

Objectives

After completing this lesson, you will be able to:

Explain the structure of the SAP Fiori launchpad
Personalize SAP Fiori

Settings and Structure

End users can personalize their own variant of the SAP Fiori launchpad (FLP). The settings can be accessed via the User Actions Menu. You can get information about the user account, home page, language, and region.

Let's see how end users can personalize SAP Fiori launchpad.

In the home page concept, users can rearrange groups and tiles, create new groups, and add or delete tiles to or from an existing group.

Tiles are organized in catalogs in the system. These catalogs hold all technical information to start an application. To show a tile in the FLP, it must be embedded in a group. Groups can be created centrally in the system and then added to the launchpad, or the user can create an own group and add tiles from catalogs.

Note

Since SAP S/4HANA 2021 FPS01, the SAP Fiori launchpad home page concept using groups is deprecated. It will be replaced by the spaces concept in a future release. SAP announces this at least two releases in advance. For more information, please read SAP note 2970113 – SAP S/4HANA Cloud: Replacement of SAP Fiori launchpad Home Page by Spaces and Pages.

Introduced in SAP S/4HANA 2020, the spaces concept can be used as alternative to groups in the home page. A space is visualized as a ribbon or tab at the top of the FLP and defines a frame for one or more pages. A page consists of sections showing tiles in the same way as groups have done before.

Spaces and pages are defined centrally in the system but only spaces are added to the launchpad, including the pages assigned to the space. Sections are an integral part of pages and can also be created by the user in their launchpad.

Hint

You can activate spaces in the SAP Fiori launchpad settings under Spaces and Pages.

Personalization Assigning Principles

Let's see how SAP Fiori launchpad can be further personalized. Applications require an app descriptor if they are to be called from the SAP Fiori launchpad.

Watch the video to learn about SAP Fiori app descriptor.

Personalization

To enter the action mode for personalization in the home page, a user must choose Edit Home Page in the User Actions Menu of the FLP. In this mode, tiles can be removed from existing groups and new ones can be created and rearranged. When adding a new tile to a group in the action mode or choosing App Finder in the User Actions Menu, the app finder is shown. Here, the user can choose tiles from all catalogs assigned to their user role.

To enter the action mode for personalization for spaces, a user must choose Edit Current Page in the User Actions Menu of the FLP. In this mode, tiles can be removed from existing sections and new ones can be created and rearranged. When adding a new tile to a section in the action mode or choosing App Finder in the User Actions Menu, the app finder is shown. Here, the user can choose tiles from all catalogs assigned to their user role.

Tile Sizes

There are five different tile sizes possible on pages, showing less information the smaller the tile gets:

(Basic) Tile
Wide tile (since SAP S/4HANA 2021 FPS01)
Flat tile (since SAP S/4HANA 2021)
Flat wide tile (since SAP S/4HANA 2021)
Link (tile)

Hint

You can transport FLP and application personalization data to another system. The /UIF/MIGRATE_FES_PERSO report allows you to collect the personalization data and writes these to transport requests. For more information, please read SAP note 2789848 – Migration report for homepage and application personalization.

Classic UI Integration

SAP Fiori themes have also been integrated in classic applications.

The SAP Fiori themes SAP Belize (Deep) (introduced with SAP Fiori 2.0) and SAP Quartz Light/Dark (introduced with SAP Fiori 3) are not only a design for HTML-apps like SAPUI5, but also for applications running in SAP GUI. Beside changing colors and font, using SAP Belize or SAP Quartz in SAP GUI does also change the structure of the UI.

SAP Quartz and SAP GUI

Shall we see how how SAP Fiori design guidelines have impacted the applications running in SAP GUI?

Hint

In SAP GUI for Windows 7.70 it is also possible to replace Microsoft Internet Explorer with Microsoft Edge as the default HTML-control. For more information about this topic read SAP note 2913405 – SAP GUI for Windows: Dependencies to browsers / browser controls.

SAP Easy Access Menu

Adding transactions to the FLP has been possible since the release of SAP Fiori 1.0. However, in SAP Fiori 2.0, with the automatic adaptation of the design and behavior of SAP GUI to SAP Fiori, it is even more attractive.

The easiest way to add transactions is by accessing the user or SAP menu in a mapped ABAP system. The mapping must be done by an administrator. However, once this is complete, creating a tile for a transaction is as easy as adding any other app to the FLP.

Personalize the SAP Fiori Launchpad Spaces

Business Example

You want to change settings of the SAP Fiori launchpad spaces and you want to add and move tiles.

Note

This exercise requires an SAP Learning system. Login information are provided by your system setup guide.

ExerciseStart Exercise

Task 1: Change settings of the SAP Fiori launchpad.

Steps

Change the theme of the SAP Fiori launchpad of your SAP S/4HANA (S4H) system to one of your choice.
1. In SAP Fiori launchpad of your S4H, choose your user in the upper right-hand corner.
2. Choose Settings.
3. In the Settings window, choose Appearance.
4. Select a Theme of your choice.
5. Choose Save.
Change the language of the SAP Fiori launchpad to one of your choice.
1. Choose your user in the upper right corner.
2. Choose Settings.
3. In the Settings window, choose Language & Region.
4. Select a Language & Region of your choice.
5. Choose Save.

Task 2: Add and move tiles in the SAP Fiori launchpad spaces.

Steps

In SAP Fiori launchpad of your S4H, edit the current page and create a section Basics. Add a News tile of the Education - Cross-Application catalog to it.
1. In SAP Fiori launchpad of your S4H, choose the My Home anchor.
2. Choose Edit Page.
3. In the Section Title field, change My Apps to Basics.
4. Choose Add Tile.
5. In the list of catalogs on the left-hand side, choose Education - Cross-Application.
6. Select the "+" icon of the news tile.
7. Choose Navigate to Home Page.
8. Choose Close in the lower right.
Create a section Banking as the first section in the My Home space and add the Manage Banks app to the section.
1. Choose your user in the upper right-hand corner.
2. Choose Edit Current Page.
3. Choose Add Section.
4. In the Section Title field, enter Banking.
5. Choose Add Tile.
6. In the Search in catalog field, enter Banks and choose Search.
7. Select the "+" icon of the Manage Banks tile.
8. Choose Navigate to Home Page.
9. Drag and drop the Banking section to the top of the page.
10. Choose Close in the lower-right.
Start Data Browser (SE16) in your S4H via a new link in your Basics section.
1. Choose your user in the upper right-hand corner.
2. Choose App Finder.
3. Choose User Menu at the top.
4. In the list of folders on the left, choose Development.
5. Select the "+" icon of the Data Browser (SE16) tile.
6. In the Add to Page popup, select My Home and choose Add.
7. Choose Navigate to Home Page.
8. Choose your user in the upper right corner.
9. Choose Edit Current Page.
10. Drag and drop the Data Browser (SE16) tile in the Basics section.
11. Choose the three points in the lower-right of the Data Browser (SE16) tile.
12. Choose Convert to Link.
13. Choose Close in the lower-right corner.
14. Choose the Data Browser (SE16) link.

Personalize the SAP Fiori Launchpad Home Page

Business Example

You want to change settings of the SAP Fiori launchpad home page and you want to add and move tiles.

Note

This exercise requires an SAP Learning system. The login information are provided by your system setup guide.

ExerciseStart Exercise

Task 1: Change settings of the SAP Fiori launchpad home page.

Steps

In SAP Fiori launchpad of your SAP S/4HANA (S4H) system, change the structure of the SAP Fiori launchpad from spaces to home page.
1. In SAP Fiori launchpad of your S4H, choose your user in the upper right-hand corner.
2. Choose Settings.
3. In the Settings window, choose Spaces and Pages.
4. Deselect Use Spaces.
5. Choose Save.
Change the structure of the SAP Fiori launchpad home page to show one group at a time.
1. Choose your user in the upper right-hand corner.
2. Choose Settings.
3. In the Settings window, choose Home Page.
4. Select Show one group at a time.
5. Choose Save.

Task 2: Add and move tiles in the SAP Fiori launchpad home page.

Steps

In SAP Fiori launchpad of your S4H, add the My Recipe Overview tile to your My Home group using the App Finder.
1. In SAP Fiori launchpad of your S4H, choose your user in the upper right-hand corner.
2. Choose App Finder.
3. In the Search in catalog field, enter my recipe.
4. Select the pin of the My Recipe Overview tile.
5. Choose My Home and then choose Close.
6. Choose Navigate to Home Page.
7. Choose the My Home anchor.
Edit the home page and create a group Overview. Add the Display Stock Overview tile of the Materials Management - Warehouse Management catalog to it.
1. Choose your user in the upper right corner.
2. Choose Edit Home Page.
3. Choose + Add Group.
4. In the Enter group name field, enter Overview and choose Enter.
5. Choose the tile placeholder containing a + of the Overview.
6. In the list of catalogs on the left, choose Materials Management - Warehouse Management.
7. Select the pin of the Display Stock Overview tile.
8. Choose Navigate to Home Page.
9. Choose Close in the lower-right corner.
Move the My Recipe Overview tile in the Overview group. Edit the home page and move the Overview group at the top of the page.
1. Select and hold the My Recipe Overview tile in your My Home group.
2. Drag and drop the tile in the Overview group.
3. Choose your user in the upper right-hand corner.
4. Choose Edit Home Page.
5. Select and hold the name of the Overview group.
6. Drag and drop the group to the top of the page.
7. Choose Close in the lower-right corner.

Next lesson