How to Create Pages & Spaces in Fiori launchpad Step-by-Step Guide

www.sap.com

How to Create Pages &

Spaces in Fiori launchpad
Step-by-Step Guide
SAP Fiori launchpad
SAP S/4HANA Cloud 2008

Madhusudhan Sangam
Document History

Document Version Authored By Description Date Created

1.0 Madhusudhan First release of this whitepaper August 8th, 2020
Sangam

Reviews Reviewer Description Review Date

Ali Chalhoub First release of this whitepaper August 17th, 2020

2
TABLE OF CONTENTS

Document History ...................................................................................................................................................... 2

Chapter 1 – Introduction ........................................................................................................................................... 4
Chapter 2 – Creating a Business Role ........................................................................................................................ 4
Chapter 3 – Creating a Space ..................................................................................................................................... 4
Chapter 4 – Creating a Page ...................................................................................................................................... 4
Chapter 5 – Enabling Spaces to End User .................................................................................................................. 4
Chapter 6 – Troubleshooting ..................................................................................................................................... 4
CHAPTER 1 INTRODUCTION...........................................................................................................................5
Overview of the Architecture .................................................................................................................................... 5
What is a Space? ........................................................................................................................................................ 6
What is a Page? ......................................................................................................................................................... 7
Prerequisites .............................................................................................................................................................. 7
CHAPTER 2 CREATING BUSINESS ROLE............................................................................................................8
Creating Business Role............................................................................................................................................... 8
Assigning Business Catalogs to the Business Role ..................................................................................................... 8
Assigning Business Users to the Business Role .......................................................................................................... 9
CHAPTER 3 CREATING A SPACE.................................................................................................................... 11
Create a Space ......................................................................................................................................................... 11
Assigning Space to Business Role ............................................................................................................................ 12
CHAPTER 4 CREATING A PAGE ...................................................................................................................... 14
Create a Page ........................................................................................................................................................... 14
Assigning Page to a Space........................................................................................................................................ 14
Configuring the Pages in space ................................................................................................................................ 15
CHAPTER 5 ENABLING SPACES TO END USER ................................................................................................ 19
Enable Spaces to End User in default ...................................................................................................................... 19
Enable Spaces to End User as an option .................................................................................................................. 20
End User View after enabling Spaces ...................................................................................................................... 21
CHAPTER 6 TROUBLESHOOTING .................................................................................................................. 25
Cannot load tile when configuring Pages ................................................................................................................ 25
Fiori Search and App Finder displays the tiles that are not added on Page ............................................................ 26

3
Abstract

Chapter 1 – Introduction
1.1. Overview of the Architecture
1.2. What is a Space?
1.3. What is a Page?
1.4. Prerequisites

Chapter 2 – Creating a Business Role

2.1. Create Business Role
2.2. Assigning Business Catalogs to the Business Role
2.3. Assigning Business Users to Business Role

Chapter 3 – Creating a Space

3.1. Create a Space
3.2. Assigning Space to Business Role

Chapter 4 – Creating a Page

4.1. Create a Page
4.2. Assigning Page to a Space
4.3. Configuring the Pages in Space

Chapter 5 – Enabling Spaces to End User

5.1. Enable Spaces to End User in Default
5.2. Enable Spaces to End User as an Option
5.3. End User View after enabling Spaces

Chapter 6 – Troubleshooting
6.1. Cannot load tile when configuring Pages
6.2. Fiori Search and App Finder displays the tile that are not added in Page

4
 Chapter 1
Introduction

Welcome to “How to Create Pages & Spaces in Fiori launchpad”, in this whitepaper we will give a brief explanation
on Pages, Spaces and Sections inside pages. In addition to this we will show how to create and use Pages and
Spaces in Fiori launchpad.

Overview of the Architecture

Spaces & Pages is a new launchpad layout which introduced in SAP S/4HANA Cloud 2005 onwards. From SAP
S/4HANA Cloud 2008, we introduced a new app “Manage Launchpad Spaces” and “Manage Launchpad Pages” in
detail. The spaces mode was developed to offer more flexibility to use the launchpad layout for specific user
groups. Pages are assigned to users via spaces that are assigned to business roles. Pages contain the sections and
sections contain the tiles.

At some point in time, the spaces will completely replace the

Note Business Groups in Fiori launchpad

Above image is how an end user launchpad layout looks like after assigning multiple spaces to the end user.
5
To display any tile on Fiori launchpad using Pages & Spaces we need a Business Catalog and Business role, we need
a page that need to be assigned to a space. And this space needs to be assigned to the same Business role.

We will show you step by step procedure in this document on how to create a tile and assign this tile to a business
catalog and business role. We will show you how to create a page and space, how to assign the created pages and
spaces to the business roles. How to enable the spaces settings in Fiori launchpad. We will also show you how to
organize the tiles, sections in the pages.

What is a Space?

A space is the unit that holds one or more pages. Spaces design the launchpad layout. Spaces are organizational
units that combine several pages in a menu which is shown in the navigation bar of the launchpad. Pages inside
the spaces contains the Fiori tiles. These spaces are assigned to you based on the Business Roles. We can assign
more than one space to the end user. Assigned spaces are displayed on the Navigation bar where you can switch
between the spaces.
For creating, updating and deleting the spaces, Manage Launchpad Spaces app is developed. This app provides
an overview of showing all spaces available in your launchpad and a detailed view for the spaces. We will show
you how to use this application in next section.

Manage Launchpad Spaces app is available from SAP S/4HANA

cloud 2008. When we open this app, it will have SAP delivered
Note
spaces which can be used by copying them.
We cannot edit SAP delivered spaces

6
If a space has multiple pages, then a downward arrow mark will be displayed in space. We need to click on the
space to see the available pages within the space.

What is a Page?

A page is a part of space that contains the apps clustered into different sections. These pages are displayed in the
main area of launchpad. When we log in to the launchpad, we’ll notice the apps and sections that are configured
by administrator.
For maintaining the pages, we developed Maintain Launchpad Pages application from SAP S/4 HANA cloud 2008
onwards. With this app you can manage the launchpad pages, define the layout of pages and edit, copy or delete
the existing pages. We will show a demo on how to use this application in coming chapters

Manage Launchpad Pages app is available from SAP S/4HANA

Note cloud 2008. When we open this app, it will have SAP delivered
pages which can be used by copying them.
We cannot edit SAP delivered pages
A single page can be assigned to multiple spaces. Space will contain more than one pages. Relation between
pages and spaces would be many to many relation

Pages Spaces

Prerequisites

To use Manage Launchpad Spaces and Manage Launchpad Pages application we need to have SAP S/4HANA cloud
2008.
Business role SAP_BR_ADMINISTRATOR need to be assigned for system administrator.

All the screenshots that attached in this chapter are end user
Note perspective.
For Administrator perspective look into next chapters

7
 Chapter 2
Creating Business Role

Business Role and catalog are needed to display a tile in Fiori launchpad layout. In this chapter we will show you
how to create a business role how to assign the catalog to the business role. In addition, we will show on how to
add the user in business role.

Creating Business Role

To create a new business role, do the following steps

1. Login to SAP Fiori launchpad and search for Maintain Business Roles application
2. Click on “Maintain Business Roles” application
3. Click on “New” to create a new business role
4. Fill-in the required information and click on “Create”

5. Now the Business Role has been created

Assigning Business Catalogs to the Business Role

To assign business catalogs to business role, do the following steps

1. Login to SAP Fiori launchpad and search for Maintain Business Roles application
2. Click on “Maintain Business Roles” application
3. Click on the newly created role and click on “Edit”
4. Click on Add to assign a business catalog

8
 5. You will get the list of business catalogs, select the catalogs and click on “Apply”

6. You will get the selected list in Assigned Catalogs tab, click on “Save”

Assigning Business Users to the Business Role

To assign business users to business role, do the following steps

1. Login to SAP Fiori launchpad and search for Maintain Business Roles application
2. Click on “Maintain Business Roles” application
3. Click on the newly created role and click on “Edit”
4. Click on Assigned Business Users tab, click on Add

9
 5. You will get the list of Business Users, select the users and click on “Ok”

6. Click on “Save”

Now we have a Business role with assigned catalogs and users. Note this Business role which we will use this in
coming chapter assigning space to a business role.

10
 Chapter 3
Creating a Space

In this chapter we will show how to create a space and assign it to a business role. Only Administrator can create
and manage the spaces.

Create a Space

To create a space in Fiori launchpad, do the following steps

1. Login to Fiori launchpad and go to “User Interface Configuration” group
2. Click on Manage Launchpad Spaces app

3. Manage Launchpad Spaces app will be launched, here we have two tabs Customer-Created and SAP-
Delivered, select Customer-Created and click on Create

4. Fill-in the required information and click on “Create”

Note Space ID need to start with Z**

We can create the page here itself by selecting “Also create a page” check box and it will automatically
assign to this space, for now we are ignoring this option as we are going to cover this in next chapter
5. Click on “Save” to create a space

11
Assigning Space to Business Role

Spaces need to be assigned to business role to appear on Fiori launchpad. To assign the space to a business role,
do the following steps
1. Login to Fiori launchpad and go to “Identity and Access Management” group
2. Click on “Maintain Business Roles” application
3. Select the newly created business role (in previous chapter), click on Edit

4. Click on “Manage Launchpad Space”

5. Select Use Existing space option in Assign Space to Business Role drop down and Select the space that
we created in previous section

6. Click on Create and Assign Space

7. Click on Save
8. To make sure whether this space added to Business role or not, go to “Manage Launchpad Spaces” app

12
 9. Click on the space and go to “Roles” tab

Now the space is added to all the users who has this business role

13
 Chapter 4
Creating a Page

In this chapter we will focus on how to create a page and configure the sections inside the page. Also, we will
focus on how to assign a page to multiple spaces.

Create a Page

To create a page, do the following steps

1. Login to Fiori launchpad and go to “User Interface Configuration” group
2. Click on “Manage Launchpad Pages” application
3. Click on “Create” under Customer-Created tab

4. Fill-in the required information and click on Create

Note Page ID need to start with Z**

5. Page will be created with an empty layout

Assigning Page to a Space

To configure the pages with sections and tiles we need to assign this page to a space. To assign this page to
space, do the following steps
14
 1. Login to Fiori launchpad and go to “User Interface Configuration” group
2. Click on Manage Launchpad Spaces
3. Click on the space that we created in previous chapter and click on “Edit”

4. On right side of the page you will see the list of the pages that we created

5. Click on “Add” to add the pages, added pages will appear under Pages tab

6. Click on “Save”

Configuring the Pages in space

After assigning the page to a space, we can define the tiles which we want to show on the layout. Configuring a
page means add/delete a tile from page, add/delete a section from the page. To configure the page, do the
following steps
1. Login to Fiori launchpad and click on “Manage Launchpad Spaces”
2. Click on the Space and click on the page that we added in previous section

15
3. Click on Edit to design the layout

4. When we click in “Edit” screen looks like below

5. Enter the Section title and click on “Add” to add the tiles to the page

Tiles that are shown in the above image are derived from the
Note roles that assigned to the space. If we want to see more tiles,
then we need to add the catalogs to the roles.

16
6. To Add a section, click on Add Section and enter title

7. If there are more than one section in page, adding tile will give us an extra option to select the section

17
8. Select the Sections and click on Add

9. Click on Save and go back to see the changes appeared on page or not

18
 Chapter 5
Enabling Spaces to End User

Till now we have created spaces and pages in previous chapters. In this chapter we will focus on how to enable
spaces to the end users and what options available to the end user.

Enable Spaces to End User in default

To enable spaces for end user, do the following steps

1. Login to Fiori launchpad and go to “User Interface Configuration” group
2. Click on Manage Launchpad Settings

3. Search Spaces in the app which gives two options

4. Click on Edit and turn on SPACES

19
 If “SPACES” option is turned on, then all the end users will see the
assigned spaces. If an End User is not assigned to any space, then
Note they will see the blank page and displays
“Cannot find a page assigned to you. Please contact your system
administrator”
5. Click on Save

Enable Spaces to End User as an option

We have another option to enable the spaces to end users, i.e. giving option to the end users to switch between
Spaces and launchpad groups. To enable this, do the following steps
1. Login to Fiori Launchpad and go to “User Interface Configuration” group
2. Click on Manage Launchpad Settings

3. Search Spaces in the app which gives two options

4. Click on Edit and turn on the SPACES_ENABLE_USER

5. Click on Save

20
End User View after enabling Spaces

If SPACES option is enabled in Manage Launchpad Settings app then when we logged into Fiori launchpad as end
user, we will see the layout like below

When an end user does not have any space assigned then below screen appears when Fiori launchpad is
launched

If SPACES_ENABLE_USER option is enabled in Manage Launchpad Settings app then end user can choose
between groups and spaces. To switch between spaces and groups, do the following steps

21
1. Login to Fiori launchpad and click on Profile Icon

2. Click on Settings

22
3. Click on Spaces

23
4. Select the checkbox Use Spaces

Note If end user wants to see the groups, then repeat the above steps and
uncheck the Use Spaces option

5. Click on Save, changes will be saved and launchpad will be loaded with spaces automatically

24
 Chapter 6
Troubleshooting

Cannot load tile when configuring Pages

Cannot load tile error on configuring pages appear when business catalog of that tile is not assigned to your user
Id. To resolve this error, do the following steps
1. Login to Fiori launchpad and click on Maintain Business Roles
2. Click on the Business Role (assigned to space and page) and click on Edit

25
3. Click on Business Catalogs tab and click on Add

4. Add the Business Catalog which has the tile

Ex: Asset Accounting Overview belongs to SAP_SFIN_BC_AA_GEN_REP

Fiori Search and App Finder displays the tiles that are not added on Page

This is the intended behavior Fiori Search displays all the tiles that are assigned to your user id. End user can find
them in App Finder as well. The access to apps is managed by the catalogs that are assigned to the end user
through business roles. With the introduction of spaces and pages we introduced alternative layout capabilities to
define, what the end user directly sees on a page when they open the launchpad. In this concept we have not
done any changes in authorization handling of apps. This is possible when administrator can create their own
business catalog. For now, we do not have any feature to create business catalog in S/4 HANA Cloud.

26