Skip to Content
Technical Articles
Author's profile photo Kuldeep Singh

Steps to create Space and Pages in Fiori Launchpad

Hello,

In this blog post we will learn how to create space and pages on Fiori Launchpad.

 

What is Space and Pages

Provides structured way to display the apps in Fiori launchpad and ease to end user for accessing the apps, which is available from S4 HANA 2020 and onward ON-PREMISE environment.

 

Prerequisite for Space and Pages

User must have access of below:

  1. PFCG – TCode
  2. /n/ui2/FLP – TCode
  3. Fiori app – Manage Launchpad Space (F4834)
  4. Fiori app – Manage Launchpad Page (F4512)

 

There are 4 main parts for space and pages

  1. Space – Space has navigation items, a space holds the multiple pages.
  2. Pages – Pages has the single or multiple sections.
  3. Sections – Section is the Subareas in the Pages, Section has single or multiple Tiles.
  4. Tiles – A tile represents that an app on the SAP Fiori launchpad.

 

The following diagram shows this with an example for the space “Accounts Payable”.

Space%20and%20Pages%20Overview

Space and Pages Overview

 

 

Activate the Space and Pages in Fiori Launchpad

 

  1. Go to User’s Icon and Click on Setting Button.

 

2.Click on Space and Pages –> check both checkbox (Use Spaces, Show My Home) –>Save.

 

Now we can see the Space and Pages in Fiori Launchpad:

 

 

Steps to Create Space and Pages

Step 1: Go to SAP Logon and enter the TCode – /n/ui2/FLP (Fiori Launchpad) and Press Enter

 

Now It will navigate to the Fiori Launchpad.

 

 

Step 2: Launch the Fiori app – ‘Manage Launchpad Spaces’.

 

Click on the Create Button.

 

 

Step 3: Fill the required details in Popup and Select Also Create a Page Option  and click on Create Button. This will create a New Page in this space.

Note: If page is already created, not need to select the Also Create a Page option.

Please follow the standard naming convention for Space and page name,

i.e. Space Name: <Z/Y + Functional Area +SP+ Text>

Page Name: <Z/Y + Functional Area + PG + TEXT>.

 

Navigate to the the Page.

If Page visibility is Hidden, select the row and click on the Set Visible.

Now the Page Visibility status will be Visible.

 

Step 4: Click on Page and select the Page (Row)

 

Click on Edit Button

 

Give the Section Name in Section Title, If  you want to add more section then click on the Add Section.

 

 

Step 5: Add catalogs from which app needs to be assigned, search the catalog and select.

 

 

Step 6: Assign the app to the section and Page.

 

Click on Save Button and Save the changes.

 

 

Step 7: If space exist, and need to create new page, we can use the fiori app – Manage Launchpad Pages

 

Click on Create Button

 

Fill the required details and create. Follow step 5 and 6.

 

Step 8: Add new page into existing Space

Go to the Fiori app – Manage Launchpad Space –> Select Space –> Click on Edit

 

Search the Page and assign to the Space and save the data.

 

 

Step 9: Once the Space and Pages are created successfully. Next step is to assign the Role.

Go to TCode – PFCG in SAP Logon and Follow the below:

 

Assign the Space to Role.

 

 

Assign the Catalog to the Role.

 

Space and Catalogs are assigned to the Role.

 

 

Step 10: Assign this Role to the User.

Go to the User –> Give the User ID and Save the changes.

 

Space and pages created Successfully.

assign the custom space to the role in the Launchpad Content Manager – GUI transaction /UI2/FLPCM_CUST – or in the Role Maintenance transaction PFCG

Go to the Launchpad Content Manager – Client Specific (/n/ui2/FLPCM_CUST) –> Role section –> select your Role –> Click at Show Spaces

How to add space in Role –> Click on Add space –>Give the Space ID

Go to Fiori launchpad or click on Open in App Manage Launchpad Spaces. 

In Space section go to the Role Assignment section, check here the assignment.

 

 

 

 

Conclusion

The biggest advantage of using Spaces and Pages is Performance.

 

If you are interested in a new and comprehensive overview of Fiori, then have a look at the SAP UI5 Documentation.

 

With this we come to an end of this blog. Hope you find it useful.

 

Keep learning & Keep Sharing!!

 

 

 

 

 

 

 

 

 

 

 

 

 

Assigned Tags

      4 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Jocelyn Dart
      Jocelyn Dart

      Hi Kuldeep, Thanks so much sharing your experiences. It's a nice end-to-end example.

      I take it your screenshots are from SAP S/4HANA 2021? It's always worth stating the release reference as the process is refined from release to release. e.g. In S/4HANA 2022 if you create a space and its first page together the first page defaults to Visible instead of Hidden.

      A couple of suggestions to improve the process:

      1. Generally speaking we do ***not*** recommend starting the Fiori launchpad from transaction /UI2/FLP. This transaction is intended for first time generation of the Launchpad URL only to help the technical team.  Business users are usually better off starting the FLP from a website bookmark directly to the URL. The bookmark can be distributed in advance. There is usually no business value in logging into SAP GUI first. Also one of the problems with using /UI2/FLP is depending on your Web Dispatcher framework, it may not be taking you to the correct host/port entry point for load balancing. So you need to confirm the correct URL with your technical team and then bookmark that.
      2. Useful to know: There is a standard role SAP_FIORI_FOUNDATION_ADMIN generated by task list SAP_FIORI_FOUNDATION_S4 that contains the apps needed. Alternatively they can assign SAP business catalog SAP_BASIS_BC_UI_FLD to the role. This catalog contains both apps.
      3. Re your step assigning the Launchpad Space to the role - using transaction PFCG as you describe is one valid way to do this. However a better way is to use the Launchpad Content Manager > Roles tab > Show Spaces - where you can add/remove spaces very quickly and easily without risking changing anything else on the role.  You can also launch directly to the associated space in Manage Launchpad Spaces from there - as per the image below:

      Example%20of%20Spaces%20in%20the%20Launchpad%20Content%20Manager%20-%20showing%20the%20Show%20Spaces%2C%20Add%20Space%2C%20and%20Open%20in%20Manage%20Launchpad%20Spaces%20features

      You can see some more background on spaces and pages in:  https://blogs.sap.com/2022/04/28/sap-fiori-for-sap-s-4hana-how-to-migrate-from-groups-to-spaces-and-pages/

      Hope that's useful for you!

       

      Author's profile photo Kuldeep Singh
      Kuldeep Singh
      Blog Post Author

      Thanks for providing valuable information.

      Author's profile photo Yatin Bhatt
      Yatin Bhatt

      Hi Kuldeep

      Great effort and capture of the details, but as Jocelyn mentioned in her suggestions, can you see if this blog can be enhanced as a joint effort between you and Jocelyn.

      We really need this blog to help consultants to an expedited path to move to Spaces/Pages

      We are currently on path to golive in 4 months. Our consultant spent 1.5 years in developing Catalogs/Groups based roles on S4HANA 2021 FPS01 while I feel there was enough time to develop roles based on spaces / pages

      Now the consultant is gone and someone needs to deal with tons of custom catalogs and custom groups.

      Keep up the good work.

      If there a guidance for people on how to approach and avoid a mess, that would be great.

      Thanks
      YB

      Author's profile photo Kuldeep Singh
      Kuldeep Singh
      Blog Post Author

      Hi Yatin,

      Please follow the below steps for Role assignment via Fiori launchpad Content Manager.

      assign the custom space to the role in the Launchpad Content Manager – GUI transaction /UI2/FLPCM_CUST – or in the Role Maintenance transaction PFCG

      Go to the Launchpad Content Manager – Client Specific (/n/ui2/FLPCM_CUST) --> Role section --> select your Role --> Click at Show Spaces.

      How to add space in Role --> Click on Add space -->Give the Space ID

      Go to Fiori launchpad or click on Open in App Manage Launchpad Spaces. 

      In Space section go to the Role Assignment section, check here the assignment.

       

      To maintain the user Role assignment--> Follow the Step no. 10.