Community demo – SharePoint modern page tutorial: Tour sample web part

This PnP community demo is taken from the bi-weekly SharePoint Developer Community – SharePoint Framework and JavaScript Special Interest Group (SIG) call recorded on December 19, 2019.

In this 13-minute video, Federico Porceddu, SharePoint/Office365 Technical Architect – Avanade Advanced Technology Center, Italy, configures an open source SPFx React web part used to build a dynamic guided tour of the various elements on a SharePoint page. Information about a selected element is displayed in a pop-up box or “modal.” Within the modal, the user can elect to view the next or previous element in the tutorial. On page tours are a quick way to acclimate the viewer to the elements of a page. For page owners, this is a quick, contextual and low-cost tutorial solution.

Presenter: Federico Porceddu (Avanade) | @FedericoSPDev

Supporting materials:
• Sample code –
• Blog Post:

All SharePoint PnP Developer Community demos:

Learn more about the SharePoint developer community at:

Post Author: hatefull