Personalizing SAP Fiori Launchpad

Objectives

After completing this lesson, you will be able to:
  • Explain the structure of the SAP Fiori launchpad
  • Personalize My Home
  • Personalize SAP Fiori pages

Settings

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, appearance, language, and region.

The screenshot shows the Language and Region settings popup in the SAP Fiori launchpad. Settings are accessed via the user actions menu.

Depending on the configuration of the FLP for the user, the following settings can be changed:

  • Selection of design theme
  • Switch between spaces and home page
  • Activation of user profiling
  • Settings around language and region
  • Maintenance of default values
  • Appearance and behavior of notifications
  • Configuration of personalized search
Screenshot flow of SAP Fiori launchpad showing steps to set a default value for bank key and its effect in the app Manage Banks app.

The default values in the FLP settings can be used to set initial values for selection fields when starting applications. The only exception is ABAP transactions, which still rely on the SET-/GET-parameters in SU3/SU01 transaction.

When a user starts the FLP the first time, all SET-/GET-parameters from his back-end user account are copied to the default values. This should make it easier for new users previously working in SAP GUI to step into SAP Fiori. Unfortunately, this only happens once.

The default values can be single, several or even a range of values. The changes of single values are copied to the SET-/GET-parameters, but not the additional values or ranges. It is recommended to only use the default values in SAP Fiori. For more details, please read SAP Note 2519765 – Synchronization of Fiori User Default Values with Backend SET-/GET-Parameters.

Change Settings in the SAP Fiori Launchpad

Business Example

You want to change settings in the SAP Fiori launchpad.

Note

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

Task 1: Change Settings in the SAP Fiori Launchpad

ExerciseStart Exercise

Steps

  1. In the SAP Fiori launchpad of your SAP S/4HANA (S4H) system, change its theme to one of your choice.

    1. In the 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.

      Result

      The new theme is applied to the SAP Fiori launchpad.

  2. 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 and Region.

    4. Select a Language and Region of your choice.

    5. Choose Save.

      Result

      The SAP Fiori launchpad reloads in the selected language.

Structure

Since SAP S/4HANA 2020, the spaces concept can be used to structure the SAP Fiori launchpad. 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.

Diagram illustrating that tiles are distributed from catalogs via pages and spaces to the FLP.

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 is embedded in a page. Pages are then assigned to spaces, which define the structure of the FLP for a user.

Spaces and pages are defined centrally in the system, but only spaces can be assigned to roles. 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.

Note

Since SAP S/4HANA 2021 FPS01, the SAP Fiori launchpad home page concept using groups is deprecated. For more information, please read SAP Note 3500249 – SAP S/4HANA Cloud Private Edition and SAP S/4HANA: Replacement of Groups (deprecated) by Spaces and Pages.

Let's see how the 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 the SAP Fiori app descriptor.

Personalization of My Home

The first version of My Home in SAP Fiori 1.0 was a business group part of the only existing page. With the introduction of SAP Fiori spaces, My Home grew to an SAP Fiori page, where the user could create sections and add tiles in various sizes. With SAP Horizon, a completely reworked My Home was introduced including many new personalization options.

Screenshots showing navigation to My Home Settings from to-dos, pages, apps, insights, and the user actions menu, leading to the My Home Settings popup.

My Home consists of four sections:

  • To-Dos
  • Pages
  • Apps
  • Insights

Next to each section header, a small arrow opens a menu offering more functions for the section and access to the My Home Settings. The My Home Settings button in the User Actions Menu leads to the same popup.

In Layout, the four sections can be rearranged or hidden. Pages, Insights Tiles, and Insight Cards allow you to define the elements seen in My Home. In Advanced, it is possible to export and import the personalized content.

Step-by-step guide illustrating how to add apps to My Home either from the app finder or from another page using the Edit Current Page option in the SAP Fiori Launchpad.

The only section missing in the My Home Settings is Apps. Apps are managed directly in My Home. You can add apps as favorites in two ways:

  1. Choose Add Apps in the Apps section to open the app finder and select an app from a catalog.
  2. On an SAP Fiori page assigned to your user in FLP, choose Edit Current Page in the User Actions Menu and choose Add to My Home in the context menu of a tile.

The first way comes in handy if you browse all apps assigned to you without concerning, if the app is already part of any page. It is a search for functionality rather than process. The second way instead allows you to bring an app in the foreground, which may be the start of a bigger process the user regularly runs from a page. It is about getting faster access to this process.

Flowchart showing steps to create a group in My Home. Create a group manually or by dragging and dropping items, select items from favorites, and manage group settings like renaming or changing color.

App favorites can be organized in app groups in the Apps section. There are two ways to achieve this. The prerequisite for both ways is that the apps are already added as favorite:

  1. Choose Create Group in the context menu of the Apps section, enter a group name and color, and select the apps from the list of favorites.
  2. Drag and drop an app favorite onto another one and enter a group name and color.

After the app group was created, extra apps can be added or removed and the name and color can be changed via the context menu of the app group. The Delete button deletes the app group and favorites. The Remove All Apps button instead deletes the app group but keeps the apps as favorites.

Personalize My Home

Business Example

You want to adapt the sections, pages, and apps of your My Home of the SAP Fiori launchpad.

Note

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

Task 1: Adapt My Home

ExerciseStart Exercise

Steps

  1. In the SAP Fiori launchpad of your SAP S/4HANA (S4H) system, in your My Home, hide the Insights Tiles and Cards section.

    1. In the SAP Fiori launchpad of your S4H, in your My Home, choose your user in the upper right-hand corner.

    2. Choose My Home Settings.

    3. In the My Home Settings popup, for Insights Tiles and Cards, choose Hide on the right.

    4. Choose Close.

      Result

      The Insights Tiles and Cards section disappeared.

  2. In your My Home, hide all pages of the Line of Business space.

    1. In your My Home, choose More (arrow pointing down) next to Pages.

    2. Choose Manage Pages.

    3. In the My Home Settings popup, choose Hide for all pages part of Line of Business.

    4. Choose Close.

      Result

      All pages from Line of Business disappeared from the Pages section.

  3. In your My Home, create the group Banking consisting of the tiles for the apps Manage Bank Accounts and Manage Banks.

    1. In your My Home, choose Add Apps on the right.

    2. In the Search in catalog field, enter bank and choose Search.

    3. Select the "+" icon of the Manage Bank Accounts and Manage Banks tile.

    4. Choose Navigate to Home (SAP Logo).

    5. Drag and drop the Manage Banks on the Manage Bank Accounts tile.

    6. In the Create Group popup, in the Create Group field, enter Banking.

    7. Select a color of your choice.

    8. Choose Create.

    9. In the Banking popup, choose Close.

      Result

      The Banking group with two apps was created in the Apps section.

  4. In your My Home, add the tile for the app Query Browser as favorite originating from the General page of the Cross Topic space.

    1. In your My Home, choose the General page.

    2. Choose your user in the upper right-hand corner.

    3. Choose Edit Current Page.

    4. For the Query Browser tile, choose Tile Actions (three dots).

    5. Choose Add to My Home.

    6. Choose Close in the lower right.

    7. Choose My Home.

      Result

      The Query Browser is now part of the favorite apps.

Personalization of Pages

Screenshot flow showing the process to add a tile in SAP Fiori Launchpad by navigating through the user actions menu to Edit Current Page or the App Finder.

To enter the action mode for personalization of a page, choose Edit Current Page in the User Actions Menu of the FLP. In this mode, sections can be added, hidden, and deleted. Tiles can be removed 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.

Screenshot flow showing different tile types labeled wide tile, (basic) tile, link, flat wide tile, and flat tile. Conversion options are displayed, such as Convert to Link, Convert to Flat Tile, and others.

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)

(Basic) Tiles and wide tiles have the same height, show all available information, and are arranged in the same line(s). Analytical and news tiles are special types of (wide) tiles showing even more information.

Flat (wide) tiles only show the title, icon, and preview data. They are arranged in their own line(s) separated from (wide) tiles.

Links are the smallest "tiles" showing only the title and subtitle. They are arranged in their own line(s) separated from all other tiles. They are quite useful to save space on the screen, especially if no preview data is available or needed.

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

The screenshots compare three SAP layouts: SAP Belize, SAP Morning Horizon, and SAP Quartz Light. The different layouts display various apps and pages related to analytics, data migration and other topics.

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

Screenshots of the comparison between the SE16 screen in Blue Crystal theme and Horizon theme showing locations of generic actions, app specific actions, and finalizing actions.

Well-known functions such as SAVE or BACK change their position according to the rules of SAP Fiori. Finalizing actions are defined in the SAP Fiori design guidelines to be visible in the lower-right corner or the BACK button must be in the upper left corner. This all works out-of-the-box by using the SAP Belize or SAP Quartz theme with SAP GUI.

SAP Belize is available as of SAP GUI for HTML with SAP Kernel 7.49 and SAP GUI for Windows 7.50, but only if the user connects to an SAP S/4HANA 1610 or a newer SAP S/4HANA release. With SAP GUI for Windows 7.60, SAP Belize is available for all SAP products.

SAP Quartz is available as of SAP GUI for HTML with SAP S/4HANA 1909 and SAP GUI for Windows 7.70. A full documentation of all designs for SAP GUI and their prerequisites is available in SAP Note 710719 – SAP GUI family and visual designs ("themes").

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 Horizon is available as of SAP GUI for HTML with SAP S/4HANA 2023 and will be available with SAP GUI for Windows 8.10.

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.

Screenshot flow showing how a user navigates the SAP Easy Access Menu by clicking on User Menu, then Development, selecting ABAP Reporting, and adding it to the SAP Fiori launchpad.

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

Personalize SAP Fiori Pages

Business Example

You want to add tiles and sections to pages of the SAP Fiori launchpad.

Note

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

Task 1: Add Tiles and Sections in SAP Fiori Pages

ExerciseStart Exercise

Steps

  1. In the SAP Fiori launchpad of your SAP S/4HANA (S4H) system, add the Data Migration Status app as the first tile on the Cross Topic → General page.

    1. In the SAP Fiori launchpad of your S4H, choose the Cross Topic → Data Migration anchor.

    2. Choose your user in the upper right-hand corner.

    3. Choose Edit Current Page.

    4. Choose Add Tile.

    5. In the Search in catalog field, enter Migration and choose Search.

    6. Select the "+" icon of the Data Migration Status tile.

    7. Choose Back twice.

    8. Drag and drop the Data Migration Status tile at the first position in the section.

    9. Choose Close in the lower right.

  2. Edit the Cross Topic → General page and create the section Basics at the top. Add the News tile of the Education - Cross-Application catalog to it.

    1. Choose the Cross Topic → General anchor.

    2. Choose your user in the upper right-hand corner.

    3. Choose Edit Current Page.

    4. Choose any Add Section.

    5. In the Section Title field, enter Basics.

    6. Drag and drop the Basics section at the top of the page.

    7. Choose Add Tile for the Basics section.

    8. In the list of catalogs on the left-hand side, choose Education - Cross-Application.

    9. Select the "+" icon of the news tile.

    10. Choose Back twice.

    11. Choose Close in the lower right.

  3. Start the 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 tile.

    6. In the Select the Pages for This Tile popup, select Cross Topic → General and choose OK.

    7. Choose Back.

    8. Drag and drop the Data Browser tile in the Basics section.

    9. Choose your user in the upper right corner.

    10. Choose Edit Current Page.

    11. Choose the three points in the lower right of the Data Browser tile.

    12. Choose Convert to Link.

    13. Choose Close in the lower-right corner.

    14. Choose the Data Browser link.

    15. Operate the app as you wish.

Log in to track your progress & complete quizzes

Learning

SAP FacebookSAP YoutubeSAP LinkedIn