Page Comparison

Prerequisites 

To install the app you need the following:

• The app package , that you got from Communardo
• A valid licence to use the app
• An Office 365 tenant
• A created (site collection or tenant) app catalog in the Office 365 tenant
• An account with permission to use the app catalog
  
  

# connect to admin site of the tenant
Connect-SPOService -Url https://contoso-admin.sharepoint.com

# get a reference to the site collection where the
# site collection app catalog should be created
$site = Get-SPOSite https://contoso.sharepoint.com/sites/space-navigator

# create site collection app catalog
Add-SPOSiteCollectionAppCatalog -Site $site

Install App

Add the webpart web part solution file .sppkg to the tenant or site collection app catalog and deploy it.Add , via the following 2 steps:

1. Add the file via drag & drop or via the upload dialog provided by SharePoint. :

Image 1: Add the webpart web part solution file (click to enlarge)

2. A dialog comes up. Confirm by clicking the "Deploy" button.:

Image 2:  Confirm deployment (click to enlarge)

After successful upload you should see something like this (app version could be different).

Image 3: Successful upload of the wepart solution file (click to enlarge)

Add

app to

site collection

Navigate to the site collection you want to place the webpart Space Navigator web part on.

Go to the home page of your site collection. Click on 'New' in the edit bar and select 'App'. 

Image 4: Add the Space Navigator app to the site collection (click to enlarge)

Select the 'Space Navigator' app by clicking on it. The app will be added.

Image 5: Add the Space Navigator app to the site collection (click to enlarge)

Info
This process will take some time because the structures for storing the metadata will be prepared in the site collection.

Image 6: Adding Space Navigator App is in process (click to enlarge)

By adding the app to a site collection the following structures are created in the site collection:

• Content type "Space"
• List "Space Masterdata" which holds the data space metadata and can be used to configure the spaces
• Picture library "Space Logos" which can be used to store logos for your spaces
  
  

Note
Modifications to the structure definition of the list "Space Masterdata" are not supported. Do not change the type of fields since this could lead to data loss or malfunction of the Appapp!

Approve permissions of the app

Anchor
#link #link

The app needs permission to read groups and directories via the Microsoft Graph API. You have to approve these permissions manually in the admin area.

To do that, go to the SharePoint admin center (<tenantname>-admin.sharepoint.com). If not already activated switch to the modern view via the button in the top right area.

Image 7: Activate modern view in admin center (click to enlarge)

Navigate to API Management on the left side.

Image 8: Navigate to API management (click to enlarge)

There should be two permissions in state "Pending approval":

Image 9: Pending permissions (click to enlarge)

You have to approve them separately. For that, select one and click on "Approve or reject".

Image 10: Open approve dialog for one permission (click to enlarge)

A pane on the right side opens. Click on "Approve".

Image 11: Approve permission (click to enlarge)

Afterwards it should look like this:

Image 12: One permission is approved (click to enlarge)

Repeat the process for all permissions. In the end it should look like this:

Image 13: All permissions were are approved (click to enlarge)

Now the app can should work properly.

Add the

web part as a full page

app

Once the app was correctly has been added, a page in the Space Navigator site collection for the Space Navigator has to be created.

Go to the homepage of your site collection. Click on 'New' in the edit bar and select 'Page'.

Image 14: Create a page in the site collection for the Space Navigator (click to enlarge)

A new panel will open.

Click on the tab 'Apps', select the 'Space Navigator' app and confirm with 'Create page'.

Image 15: Create a page in the site collection for the Space Navigator (click to enlarge)

Back to Top