This document provides instructions for editing pages in the SAP Fiori Launchpad. It describes how to edit page headers and content, add sections and apps from tile catalogs, check for issues, and preview pages for different roles. Key steps include opening edit mode, adding and arranging apps on sections, selecting tile sizes, saving changes, and resolving warnings or errors.
1. Mickaël QUESNOT https://www.linkedin.com/in/mickaelquesnot/
Twitter @mistersharesap
1 | P a g e
Editing a Page
SAP Fiori Launchpad for SAP S/4HANA
Cloud
Learn how to add apps to a new page and adapt an existing page.
You can open the edit page mode by clicking Edit in the page details or in the page
overview. The figure shows an example page in edit mode.
Editing a page
How To Edit the Page Header
You can change the page title or the page description if necessary. Go to the tab General
Data and enter new values. Note that you cannot change the page ID.
How to Edit the Page Content
1. Open the Tab Page Content.
2. Mickaël QUESNOT https://www.linkedin.com/in/mickaelquesnot/
Twitter @mistersharesap
2 | P a g e
2. There is already one empty section in the page. Enter a meaningful name for it.
3. Add more sections to your page if useful.
4. Add apps from the tile catalogs to the sections. If the list of tile catalogs is not
displayed, click on Show Catalogs. See section Tile Catalogs to learn which tile
catalogs and apps are shown here.
5. You can search for an app in the tile catalogs list or in the search field. You can also
filter the list according to different criteria. See Tile Catalogs for detailed
information.
6. Click on Add to add it to one section or drag and drop the app to a section. You can
select different tile sizes or select the link layout by clicking on the arrow next
to Add. Select an option to add the app accordingly. When you don't select an
option here, the app is added in the preferred tile size (usually as standard tile). Flat
and flat wide tiles are added in a new row below the standard-sized tiles. Links are
added in an area below the tiles in the selected section the same way as in the home
page. See Tiles, Links and Tile Sizes for more information on the different tile size
options.
7. You can also select several apps by ticking the boxes in front of each app title. When
you have selected all apps you want to assign to a section, click on Add in the
catalog header. You can select a tile size or the link layout by clicking on the arrow
next to Add and selecting the appropriate entry. Select one or more sections in the
list and click Add.
8. Save your changes.
Note
Sometimes apps with the same title appear several times in the tile catalog. This happens if
there are apps with e. g. different targets, e. g. on a desktop or on a mobile. An icon shows
for which target the app is intended.
When you edit a page that is personalized by a user, the personalizations are kept.
When you work on a smaller device, e.g. a tablet, or zoom in, the tile catalogs list might be
hidden. You can then switch between the page and the tile catalogs list with the
buttons Show Catalogs and Show Page.
Tip
We collected a list of helpful tips how to create a meaningful page in Best Practices for
Managing Spaces and Pages.
3. Mickaël QUESNOT https://www.linkedin.com/in/mickaelquesnot/
Twitter @mistersharesap
3 | P a g e
Check for Possible Issues
If there are errors or inconsistencies on the page, you are notified. A message icon showing
the number of problems is displayed in the footer. Click on the message icon in the footer to
see more information on the issues.
Dialog showing two messages for a page
There are three different kinds of messages that are also reflected in the icon color. The message icon color
always presents the highest existent severity:
ï§ Information: informs about a display issue, e.g. if you have not assigned the page to
a space or the space to a role. The message icon will be displayed in gray.
ï§ Warning: displayed for inconistencies, e.g. when a section title is missing, as SAP
recommends this to ensure a consistent user experience. You need to confirm the
warning when you save a page. The message icon will be displayed in orange.
ï§ Error: prevents you from saving a page. A message is displayed when you try to save.
Errors may occur e.g., if you have selected a tile that cannot be displayed for the
users in a page. The app then is displayed in a failed state with an x). For example,
this can be a tile with an incorrect target mapping or a tile that is not available for the
user (due to the role assignment or the business catalog assignment). The message
icon will be displayed in red.
If a tile is involved, the tile information popover also shows information about the problem.
It can be opened by clicking on the tile.
Show Preview
To see how a page actually looks like you can open the page you edit in a preview. Click
on Page Preview. The preview is opened in a popover. If you select a specific role, the page