Page Designer classic to modern

As of March 15, Microsoft is deprecating the ability to enable custom scripting at tenant level via PowerShell.

This affects several key SharePoint Classic capabilities. While Classic pages will still render, customers may lose the ability to update certain Classic-based content if custom scripting is not enabled.

Action required (if you rely on Classic + custom scripting)

Starting March 15, customers who depend on custom scripting must run the following PowerShell command on every site collection still relying on custom script every 24 hours:

Set-SPOSite <SiteURL> -DenyAddAndCustomizePages $false

To help out with the migration from classic pages built in Page Designer to modern pages we have built a transform function to make this easier.

Important changes

No inline custom code can run in the modern experience, this needs to be converted to SPFx packages.
Adding modern webparts to designer works for webparts that are complaint to SharePoint modern
- Using PnP based webpart still works until custom scripting is disabled in modern

Prerequisites

Page designer classic V5
- If running V4 follow this link
SharePoint Modern experience enabled in the site collection
If subsites is used, the modern app needs to be added to each subsite

Install page designer SPFx

Go to Knowledgebase and download the SPFx package
Upload the package to the app catalog
Add the app to the site and a banner should appear
Click “one more step to complete installation” to open the installer
Click the install button and wait for the installation to complete
Go to home page and select New -> Page
Verify that template LiveTiles Page option exist

Transform page to modern
Open LiveTiles Design from a classic page and then under Manage select option C2M Page Transformation

This will list all classic pages in this site collection

Click on Transform and let that page run

When this is complete a link to that page will be shown on the right-hand side with the page name

If custom code exists an icon will be shown, custom code needs to be removed from the page

Verify modern page and publish

Old page will still exist with _ before and new modern page will keep the same URL

If using approval flow:
- Old page will end up in draft mode
- New page will end up in pending approval

Manually move page to modern

Go to classic page and save as Export, this will store the page as a template on your local machine