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 – https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples/react-tour-pnpjs
• Blog Post: https://www.federicoporceddu.com/2019/11/23/sharepoint-modern-page-tutorial-an-spfx-tour-sample-webpart/

All SharePoint PnP Developer Community demos: https://www.youtube.com/playlist?list=PLR9nK3mnD-OWSbg0o9a7mx_E7s2u7h_o2

Learn more about the SharePoint developer community at: http://aka.ms/sppnp

Post Author: hatefull