Integrate Your UI Integration Card from the Content Package Into Your Site

From the SAP BTP cockpit, go to Instances and Subscriptions and click SAP Build Work Zone, standard edition to open the service.

The Site Directory opens.

1. Click the Channel Manager icon in the side navigation panel to open it.

   

2. Click + New and select Content Package.

   

3. In the New Content Package dialog box, browse for and select the ZIP file that you downloaded in the previous tutorial. You’ll find the ZIP file in your Downloads folder on your computer.

   

4. In the Runtime Destination field, select ES5, and leave the default values in the other fields. Click Save.

   

   Once you’ve saved the content package properties, the ZIP file is created in the Channel Manager.

5. Click Report to check the content of the package. It should look like this showing that your content package includes a role and an app:

   

6. Ensure that the app is assigned to the ContentPackageRole by opening the Content Manager and searching for this role. In the role editor, under the Apps tab, you’ll see the Products by Category Card.

   

In this step, you’ll add a header to your page for the card that you will add.

1. Go back to the Content Manager by using the breadcrumbs above.

   

2. Click the Overview page to open the page editor.

   

3. Click Edit.

4. Click + to add a new secion.

   

5. In the Section Title field, type My Cards

   

6. Click Add Widget

   

7. Select Cards.

   

8. Select the Products by Category Card to add it to your Overview page and then click Save.

   

   Your screen will look like this. Don’t worry the content will appear on the card once you do the necessary role assignments.

   !– border –>

   

The ContentPackageRole is part of the content in the content package ZIP file. You now have to assign the ContentPackageRole to your site and you will also need to assign your user to this role in the next step.

1. Open the Site Directory.

   

2. Open the Site Settings screen.

   

3. Click Edit.

4. In the Assignments panel, click inside the search box to open a list of available roles. You’ll see the ContentPackageRole. Assign it to the site by clicking the + next to the role name and then click Save.

   

1. Go back to the SAP BTP Cockpit using the Instances and Subscriptions tab in your browser.

   

2. From the side menu, go to Security –> Role Collections and search for the ContentPackageRole role.

   

3. Click the arrow at the far right of the row displaying the ContentPackageRole.

   

4. In the screen that opens, click Edit.

   

5. In the Users section of the screen, add your ID (your email), and then your email again and add it to the list of users by clicking the + button. Save your changes.

   

   Note that assignment to the role can take time. If you don’t want to wait, you can log out and log in again in order for the role assignment to take effect.

1. Still in the SAP BTP cockpit, click Instances and Subscriptions and go to SAP Build Work Zone, standard addition. The Site Directory is in focus.

2. Click the Go to site icon.

   

3. You’ll see that your card has been added to the Overview page: