Creating SAP Fiori Spaces and Pages

Objective

After completing this lesson, you will be able to Create SAP Fiori spaces and pages.

Manage Launchpad Spaces

Manage Launchpad Spaces is an SAP Fiori launchpad (FLP) app based on SAPUI5. It shows all spaces delivered by SAP and allows customers to create their own spaces.

When creating or changing a space, a customizing transport request is mandatory. It is not possible to do any local customizing not assigned to a transport request. Every space has an ID, description, title, and at least one page. When customers create their own space, they can assign pages by SAP or their own pages. Customer space IDs must start with Z or Y and should contain the abbreviation SP for space.

Note

If you want to sort the order of spaces in the FLP in an SAP S/4HANA 2020, please read SAP Note 3012443SAP Fiori Spaces: How to sort spaces via technical keys.

Manage Launchpad Pages

Manage Launchpad Pages is an SAP Fiori launchpad (FLP) app based on SAPUI5.

Let's watch a video to learn about Manage Launchpad Pages.

Derived From Roles vs Manually Selected Catalogs

Before adding apps to a page, the corresponding space should be assigned to a role. Business catalogs can be derived from this role to appear as sources for tiles in a page in Manage Launchpad Pages. This means, tiles can easily be assigned to the page and previewed.

It is also possible to select business catalogs manually in Manage Launchpad Pages. Hidden behind the button, all business catalogs can be selected as sources for tiles for the page. Tiles added in this way will show the warning Out of role context and will not be displayed in the preview. The prerequisite for the user to see the tile in the FLP is that the corresponding business catalog is also part of the user master record. In other words, the source catalog of the tile must be assigned to any role also assigned to the user.

Best Practices for Spaces and Pages

Providing spaces and pages to users should support them in easily finding and accessing their most important content. So it is important to limit the number of tiles to a meaningful level. These are the best practices for managing spaces and pages:

  • A business role should only have one space, because both are targeting one business topic.
  • A space should consist of one to five pages providing one business task on one page.
  • A page should consist of two to five sections ordered from insight (top-left) to action (bottom right) tasks.
  • A section should consist of three to seven tiles ordered in a logical way based on the topic.
  • In total there should not be more than 25 tiles per page to keep it manageable.

Time for a Checkpoint on best practices for spaces and pages.

Create SAP Fiori Spaces and Pages

Business Scenario

You want to create an SAP Fiori space and page and add tiles and links from business catalogs.

Solution:
SAP_UX100_SP_S_RESEARCH (Space)
SAP_UX100_PG_S_ENGINEERING (Page)

Note

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

Note

Whenever the values or object names in this exercise include ##, replace ## with the number of your user.

Task 1: Create a business role and assign a user and business catalog to the role.

Steps

  1. In your SAP S/4HANA (S4H) system, create the role Z_##_BR_TRAINING in the Role Maintenance (PFCG). Assign the Z_##_BR_TRAINING role to your user.

    1. In the SAP Easy Access menu of your S4H, search for Role Maintenance or start transaction PFCG.

    2. In the Role field, enter Z_##_BR_TRAINING.

    3. Choose Create Single Role.

    4. In the Description field, enter Training ##.

    5. Choose Save.

    6. Choose the User tab.

    7. In the User ID field, enter your user.

    8. Choose Save.

  2. Add the SAP_PLM_BC_RECIPE_MAINT catalog to the menu of the Z_##_BR_TRAINING role.

    1. Choose the Menu tab.

    2. Expand the Insert Node button.

      Hint

      The initial value written on the Insert Node button is Transaction.
    3. Choose SAP Fiori LaunchpadLaunchpad Catalog.

    4. In the Catalog ID field, enter *recipe* and use the value help.

    5. In the dialog box, double-click SAP_PLM_BC_RECIPE_MAINT.

    6. Choose Continue.

      Note

      If Not all applications are available in system appears in a dialog box, choose Cancel to continue.
    7. Choose Save.

Task 2: Create a space and page in the Manage Launchpad Spaces app.

Steps

  1. In the SAP Fiori launchpad of your S4H, start the Manage Launchpad Spaces app. Create a space and page using the following values:

    FieldValue
    Space IDZ_##_SP_RESEARCH
    Space DescriptionResearch and Development ##
    Space TitleResearch ##
    Page IDZ_##_PG_ENGINEERING
    Page DescriptionEngineering Overview ##
    Page TitleEngineering ##
    1. In the SAP Fiori launchpad of your S4H, choose the Manage Launchpad Spaces tile.

    2. Choose Create.

    3. In the Create Space popup, enter the following values:

      FieldValue
      Space IDZ_##_SP_RESEARCH
      Space DescriptionResearch and Development ##
      Space TitleResearch ##
    4. Select the Also create page checkbox.

    5. In the new fields in the Create Space popup, enter the following values:

      FieldValue
      Page IDZ_##_PG_ENGINEERING
      Page DescriptionEngineering Overview ##
      Page TitleEngineering ##
    6. In the Transport field, select the transport request provided to you.

    7. Choose Create.

    8. In the Add Transport Information popup, in the Transport field, select the transport request provided to you.

    9. Choose Assign.

  2. Set the Z_##_PG_ENGINEERING page in the Z_##_SP_RESEARCH visible and close the Manage Launchpad Spaces app.

    1. In the Z_##_SP_RESEARCH space, select the Z_##_PG_ENGINEERING page using the selector on the left.

    2. Choose Set Visible.

    3. Choose Save.

    4. Choose Navigate to Home Page.

Task 3: Assign the space to the business role.

Steps

  1. In the Role Maintenance (PFCG) of your S4H, add the Z_##_SP_RESEARCH space to the menu of the Z_##_BR_TRAINING role.

    1. In the Role Maintenance (PFCG) of your S4H, edit your Z_##_BR_TRAINING role.

    2. Choose the Menu tab.

    3. Expand the Insert Node button.

      Hint

      The initial value written on the Insert Node button is Launchpad Catalog.
    4. Choose SAP Fiori LaunchpadLaunchpad Space.

    5. In the Space ID field, enter z_##* and use the value help.

    6. In the dialog box, double-click Z_##_SP_RESEARCH.

    7. Choose Continue.

    8. Choose Save.

Task 4: Create sections and add tiles and links to the page in the Manage Launchpad Pages app.

Steps

  1. In the SAP Fiori launchpad of your S4H, start the Manage Launchpad Pages app. Edit the Z_##_PG_ENGINEERING page.

    1. In the SAP Fiori launchpad of your S4H, choose the Manage Launchpad Pages tile.

    2. In the Search field, enter z_## and choose Enter.

    3. Choose Edit for the Z_##_PG_ENGINEERING page.

      Hint

      The Edit button is the pencil at the end of the line.
  2. Name the already available section Recipes. Add the apps My Recipe Overview as tile and Manage Recipes as link to the section.

    1. In the Section Title, enter Recipes.

    2. For the My Recipe Overview app, choose Add.

    3. For the Manage Recipes app, expand the Add button.

    4. Choose Add as Link.

  3. Create the section Substances and add the Manage Raw Substances app from the SAP_PLM_BC_RD_RAW_SUBST catalog as tile to it.

    1. Choose Add Section.

    2. In the empty Section Title, enter Substances.

    3. Choose More (the three points at the top right).

    4. Choose Catalogs.

    5. In the Search field, enter raw and choose Enter.

    6. Select SAP_PLM_BC_RD_RAW_SUBST and choose Select.

    7. Drag and drop the Manage Raw Substances app to the Substances section.

    8. Choose Save.

    9. Choose Page Preview at the top right.

      Note

      The tile for the app Manage Raw Substances is not shown because it is not part of the Z_##_BR_TRAINING role the space is assigned to.
    10. Choose Close Preview.

    11. Choose Navigate to Home Page.

Task 5: Test the space in the SAP Fiori launchpad.

Steps

  1. Check if the Research ## space with all tiles and links are part of the SAP Fiori launchpad spaces of your S4H.

    1. Reload the SAP Fiori launchpad spaces of your S4H.

    2. Choose the Research ## space at the top.

      Note

      The tile for the app Manage Raw Substances is shown because the SAP_PLM_BC_RD_RAW_SUBST catalog is already assigned to the user via another role (SAP_BR_EDUC_PLM_ENGINEER).
    3. Operate the apps as you wish.

Configuration Parameters for SAP Fiori Spaces

These customizing parameters can be used to configure the SAP Fiori spaces in the SAP Fiori launchpad:

SPACES

Specify whether users can enable spaces and pages.

true/false (default)

SPACES_ENABLE_USER

Specify whether users can switch between spaces and classic home page.

true/false (default)

SPACES_MYHOME

Specify whether the My Home space is enabled for the users.

true (default)/false

SPACES_SORT_CRITERION

Specify how the spaces are sorted for the users in the navigation bar.

title (default)/id

Log in to track your progress & complete quizzes