Skip to Content

Design Your Site With the New SAP Build Work Zone Experience

Beginner
10 min.
SAP Build Work Zone, standard edition, Beginner, Tutorial, SAP Business Technology Platform, SAP Fiori
Create a page, assign it to a space, and then add apps to your page.
You will learn
  • How to create a page
  • How to add apps to a page
  • How to create a space and assign pages to it
LindsayBertLindsay BertSeptember 22, 2024
Created by
LindsayBert
September 7, 2023
Contributors
thecodester
LindsayBert
jmmargo

Prerequisites

  • Make sure you’ve selected Spaces and Pages - New Experience view mode for your site in the Site Settings screen.

If you select the Spaces and Pages - New Experience view mode, you can create custom Spaces and Pages. A Space consists of Pages, a page consists of a single or multiple sections, a section consists of a single or multiple tiles (apps) and Cards.

  • Step 1

    1. Open the Content Manager.

      Open content manager

    2. Click Create and from the dropdown list, select Page.

      Create page

    3. Enter a title for the page: Overview.

      Enter a title

    4. Click Save.

  • Step 2

    1. Click Add Section.

      Add a section

    2. Give the section a title, My Apps and click Add Widget.

      Enter title for section

    3. In the Add Widgets screen, click Tiles.

      In this screen you’ll see all the apps that you can access from your subaccount.

      Select tiles

    4. Select the External Community and the New Orders apps and click Add.

      You can select one or more apps to add to your page - they will display side by side in a section.

      Select apps and add them to your page

    5. Click Save. This is how your page looks:

      View page

    6. Go back to your Content Manager using the breadcrumbs at the top.

      Go back to Content Manager

    7. See that the page you created is in the list of content items.

      View app in content items list
  • Step 3

    1. In the Content Manager click Create and then select Space.

      Create space

    2. Enter a title for the space: Home.

      Enter title of space

    3. In the Pages tab, you’ll see a list of pages and from here you can assign as many pages as you want to the space. We only have 1 page - the Overview page. From the Assignment Status column, click the toggle to assign the Overview page to the Home space.

      Assign page to space

    4. Click Save.

      Save space

    5. Go back to the Content Manager using the breadcrumbs at the top. You’ll see that the space you created is added to the list of content items.

  • Step 4

    In this step, you’ll assign the space to the Everyone role.

    Spaces are assigned to a role and users assigned to a specific role are able to access the space and see the relevant pages assigned to it. Content assigned to the Everyone role is visible to all users.

    1. From the Content Manager, click the Everyone role.

      Select everyone role

    2. Click Edit.

      Edit space

    3. Under the Spaces tab, you’ll see the Home space you just created. Click the toggle to assign the Home space to the Everyone role. Then click Save.

      Assign space to role

    When configuring the Everyone role, what are the 4 tabs where you can find artifacts you created?

  • Step 5

    1. Open the Site Directory.

      Open Site Directory

    2. On the JobCore tile, click the Go to Site icon.

      Go to site

    3. This is what you’ll see - under the Home space, you have the Overview page. In the My Apps section, you have the 2 apps External Community and New Orders that you added.

      Final site
Back to Top
Back to top