Staffbase PnP Modern Search Extensibility Library allows you to search for Staffbase News in SharePoint with the help of PnP Modern Search web part. Learn more about it here. The Staffbase PnP Modern Search Extensibility Library is an extension that you need to configure.

In This Article

Learn to configure the Staffbase PnP Modern Extensibility Library with the following steps:

1. Download the PnP Modern Search web part
2. Install the Staffbase PnP Modern Search Extensibility Library extension
3. Add PnP Search Results web part to a page
4. Configure PnP Search Results web part to add Staffbase News
5. Configure PnP Search Results web part with Staffbase News

Prerequisites

• You have received the Staffbase PnP Modern Search Extensibility Library extension package from your Customer Success Manager. Contact your Customer Success Manager to receive the package.
• You have configured single sign-on (SSO)to authenticate your users between Staffbase and SharePoint using Azure Active Directory.
• You have the following options for your Microsoft SharePoint Online:
  • SharePoint environment configured with an app catalog.
  • A site collection in your SharePoint with edit permissions.
    Staffbase recommends using a communication site in SharePoint.
  • Contribute permissions on the tenant site collection app catalog.
  • Modern pages on your SharePoint.
  • Installed PnP Modern Search web part to the app catalog.

Downloading the PnP Modern Search Web Part

You need to download the following PnP Modern Search web part.

1. Go to GitHub PnP Search Webpart page.
2. Under Assets, download the .sppkg file.

Installing Staffbase PnP Modern Search Extensibility Library

Prerequisite

• You have installed and configured the PnP Modern Search web part to the SharePoint site to which you want to configure Staffbase PnP Modern Search Extensibility Library.

1. Navigate to SharePoint admin center > More features.
   The More features page opens.
2. Under Apps, click Open.
   
   
3. Navigate to App Catalog > Apps for SharePoint.
   
   
4. Click Upload and select the Staffbase PnP Modern Search Extensibility Library file.
   
   
5. Click OK.
   The confirmation dialog to deploy opens.
6. Select the checkbox for Make this solution available to all sites in the organization.
7. Click Deploy.

Adding PnP Search Results Web Part

Prerequisites:

• You have the role of a SharePoint site member or higher with permission to add a web part.
• You have installed Staffbase PnP Modern Search Extensibility Library to a SharePoint site.

1. Navigate to any page in the SharePoint site on which you installed Staffbase PnP Modern Search Extensibility Library.
2. Click Edit at the top right of the page.
3. Hover your mouse over the page.
   The + icon to add a new web part opens.
   
4. Click the + icon.
   A dialog with the available web parts opens.
5. Search for and select PnP Search Results.
   
   For optimal viewing, Staffbase recommends adding the web part to one column section.
   The configure dialog opens.
   You have added the PnP Search Results to a page. Now you can configure the web part to add Staffbase News.

Configuring PnP Search Results Web Part to Add Staffbase News

You can now configure the PnP Search Results web part to add Staffbase News.

1. In the configure dialog that opens after adding PnP Search Results Web Part, click Configure.
   The PnP - Search Results dialog opens.
   
2. Click Next.
3. Under Extensibility configuration, click Configure.
   
   
   
   The dialog to configure extensibility libraries opens.

4. In the Name/ Purpose field, enter Staffbase News.

5.  In the Manifest GUID field, enter 3b164641-fa65-4279-9cce-c8981bb32f03

6. Turn the toggle On for Enabled/Disabled.

7. Click Add and save.
   

8. Click Save to save the page.

   You have configured the PnP Search Results web part to add Staffbase News. 

Configuring PnP Search Results Web Part With Staffbase News

Now you can configure the PnP Search Results web part with Staffbase News as the data source.

1. Navigate to the page in the SharePoint site on which you previously configured the PnP Search Results web part.
2. Click Edit at the top right of the page.
3. Click Edit for the PnP Search Results web part you previously added.
   The PnP - Search Results dialog opens.
   
   
4. Select Staffbase News.
5. In the Staffbase web-app URL field, provide your Staffbase web app URL.
6. Click Next.
7. Select Staffbase news cards as the layout.
8. Click Save to save the page.
   You have saved the page and successfully configured PnP Search Results Web Part with Staffbase News. You can see Staffbase News displayed in the configured web part.