Use PnP Powershell to add a document library webpart to a page (and only show a specific folder)

As a non-developer (please read this as a disclaimer) I still try to make my life as easy as possible (yes, I am that lazy). PnP Powershell is a big component of that goal. A customer had the requirement to create a page for each of their 86 folders in a document library so they could add more information on those topics. That meant creating 86 pages, each with a document library webpart on it that showed a specific folder. No chance I was going to do that manually!

Creating the page wasn’t really difficult. Showing the document library and just the items in the folder was the hard part that I couldn’t find any examples of. The idea of this blog post is to help future people like me to just copy/paste the code.

The goal

We started with a document library containing 86 folders, each having a few documents. The goal was to create 86 pages, with each page showing a block of text on the left and the document library webpart showing only the files from that folder.

How to do this in the user interface

Using the user interface, following steps were required:

  • Create a new page (with the same name as the folder)
  • Add a section to the page with 2 columns
  • Add a text webpart to the left column
  • Add a document library webpart to the right column
  • As a subrequirement, only show the files from the necessary folder. This can be set up from the web part properties
Document library UI properties

That would definitely be a lot of work to do manually, so I decided that PnP PowerShell needed to come to the rescue.

The code

Lets dig in to the code. I imagine that you have already dabbled with PnP Powershell and I will not explain how to install and configure it to run.

Connect-PnPOnline -Url https://yourtenant.sharepoint.com/sites/thesite/ -UseWebLogin

First we need to connect to the site. Replace the url with the correct url of your site. I am using -UseWebLogin in this example because I am using 2factor authentication.

Create the page

First thing to do is to create the page, using the Add-PnPClientSidePage command. I am using the $name variable here to give it a name.

Add-PnPClientSidePage -Name $name 
  -LayoutType Article 
  -HeaderLayoutType NoImage 
  -CommentsEnabled:$false

Disabling the comments section on a modern SharePoint Page
I couldn’t figure out how to disable the comments section on the modern client page. I tried setting it to false, or 0, but that didn’t work.

The correct way to do is to use:

-CommentsEnabled:$false

Adding sections to the page

To add a new section to the page, I am using the Add-PnPClientSidePageSection command. I can just add a TwoColumn section on the page.

Add-PnPClientSidePageSection -Page $name -SectionTemplate TwoColumn -Order 1

Adding a text editor webpart

Adding a text editor is super easy, just use the Add-PnPClientSideText command. Don’t forget to add some text or it will fail.

Add-PnPClientSideText -Page $name -Section 1 -Column 1 -Text " "

The hard part: adding an existing document library as a webpart to the page

This was the easy bit, in my opinion. Adding a document library to a page is surprisingly hard in PnP Powershell (unless I am missing something big.. in that case please call me out on this!)

What you need to do, is to use the Add-PnPClientSideWebPart command. With this command you can add all kinds of webparts to the page. Document library isn’t one of them.

You need to add a List webparttype, and in the WebpartProperties you need to mention that it is a document library AND what the ID is.

Add-PnPClientSideWebPart -Page $name 
  -DefaultWebPartType List -Section 1 -Column 2 
  -WebPartProperties @{isDocumentLibrary="true";
                       selectedListId="1fa1fb45-e53b-4ea1-9325-ddca7afe986e";}

Where can I find the SharePoint document library Id ?

I didn’t have a clue how to get this Id via code, so I resorted to the UI: If you go to the library settings, the document library Id is shown in the url:

SharePoint document library ID in the url of the library settings page

Just cut out the %7B in the front, and the %7D on the back.
In this example, the document library Id is 4683b239-caf6-40a3-96c4-a02dedfa3418.

Bonus: Only show a specific folder from the document library

I couldn’t figure out how to show only documents from a specific folder. Doing this in the UI is supereasy. But there wasn’t any example code out there. So here it is:

In the WebPartProperties, add selectedFolderPath=”/yourfoldername”;

Add-PnPClientSideWebPart -Page $name 
  -DefaultWebPartType List -Section 1 -Column 2 
  -WebPartProperties @{isDocumentLibrary="true";
                       selectedListId="1fa1fb45-e53b-4ea1-9325-ddca7afe986e";
                       selectedFolderPath="/$name";}

Bonus 2: hide the command bar on the SharePoint Document Library Webpart

In the UI, there is a way to simply hide the command bar. Because we are showing this information in a nice looking page, there is no need for all that extra fluff of “new”, “upload” and so on.

In the same way as showing just files from a specific folder, you can use the hideCommandBar=”false”; in the WebPartProperties:

Add-PnPClientSideWebPart -Page $name 
  -DefaultWebPartType List -Section 1 -Column 2 
  -WebPartProperties @{isDocumentLibrary="true";
                       selectedListId="1fa1fb45-e53b-4ea1-9325-ddca7afe986e";
                       selectedFolderPath="/$name";
                       hideCommandBar="false"}

Publishing the page

All the parts we need are now on the page. The only thing now is to publish the page so it is visible to all visitors. For that, we need to grab the page again and publish it.

$page = Get-PnPClientSidePage -Identity $name
$page.Publish()

Looping the code for all folders

The last part of the code was to make this repeatable, for all 86 folders. There is probably a really nice way to , in code, get all folders from the doclib and loop through them, but as stated a gazillion times.. I am not a developer 😊.

So I exported the document library to Excel and copied the foldernames. I added some quotes and a comma (in an Excel formula using =CHAR(34) &  A2 & CHAR(34) &”,”) and added an array to store these.

The full code is:

Connect-PnPOnline -Url https://yourtenant.sharepoint.com/sites/Yoursite/ -UseWebLogin
$ray = "folder1",
"folder2",
"folder3"
foreach ($name in $ray) {

#create page
Add-PnPClientSidePage -Name $name -LayoutType Article -HeaderLayoutType NoImage -CommentsEnabled:$false

#add sections
Add-PnPClientSidePageSection -Page $name -SectionTemplate TwoColumn -Order 1

#add text webpart
Add-PnPClientSideText -Page $name -Section 1 -Column 1 -Text " "

#add doclib
Add-PnPClientSideWebPart -Page $name -DefaultWebPartType List -Section 1 -Column 2 -WebPartProperties @{isDocumentLibrary="true";selectedListId="1fa1fb45-e53b-4ea1-9325-ddca7afe986e";selectedFolderPath="/$name";hideCommandBar="false"}
$page = Get-PnPClientSidePage -Identity $name
$page.Publish()
}

About: Marijn

Marijn Somers (MVP) has over 14 years experience in the SharePoint world, starting out with SP2007. Over the years the focus has grown to Office 365, with a focus on collaboration and document management. He is a business consultant at Balestra and Principal Content Provider for "Mijn 365 Coach" that offers dutch employee video training. His main work tracks are around user adoption, training and coaching and governance. He is also not afraid to dig deeper in the technicalities with PowerShell, adaptive cards or custom formatting in lists and libraries. You can listen to him on the biweekly "Office 365 Distilled" podcast.