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. 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. Install the Staffbase PnP Modern Search Extensibility Library extension
2. Add PnP Search Results web part to a page
3. Configure PnP Search Results web part to add Staffbase News
4. Configure PnP Search Results web part with Staffbase News

Prerequisites

• You have downloaded the Staffbase PnP Modern Search Extensibility Library extension package from the Studio.
• You have configured single sign-on (SSO)to authenticate your users between Staffbase and SharePoint using Microsoft Entra ID (formerly 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.
  • The PnP Modern Search 4.8.0 web part is downloaded and installed to the site app catalog.

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. Optionally, select the checkbox for Make this solution available to all sites in the organization.
   If this option is not selected, the Staffbase PnP Modern Search Extensibility Library will only be available on the Site App Catalog. In addition, you need to add it manually to the Site App Catalog. To learn how to add Saffbase PnP Modern Search Extensibility Library to the Site App Catalog, see Adding an App to the SharePoint Site App Catalog.
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.