Creating SAP Fiori Spaces and Pages

Objective

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

(Optional) 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 popup, double-click SAP_PLM_BC_RECIPE_MAINT.

    6. Choose 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. Choose Save.

    9. Choose Navigate to Home.

Task 3: Assign the Space to the Business Role in the Role Maintenance

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 popup, 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 Select 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.

  4. 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 is enabled for the users.

true (default)/false

SPACES_NAVIGATION_BAR_PERSONALIZATION

Specify whether the users are allowed to personalize the navigation bar.

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