Enable SharePoint Framework web part configuration with property panes

Module
9 Units

Intermediate

Developer

Microsoft 365

SharePoint Framework

Configure SharePoint Framework client-side web parts through the property pane, build custom property pane field controls, and integrate non-Microsoft PnP reusable controls to give users a rich configuration experience.

Learning objectives

By the end of this module, you'll be able to:

Configure the web part property pane in a SharePoint Framework client-side web part
Build a custom property pane field control for a SharePoint Framework client-side web part
Integrate non-Microsoft (PnP) property pane controls into a SharePoint Framework client-side web part

Prerequisites

Experience using SharePoint Online at the intermediate level
Ability to program with JavaScript, TypeScript, and Node.js
Experience using Visual Studio Code at the intermediate level
Access to a Microsoft 365 tenant

Introduction min
Introducing the client-side web part property pane min
Exercise - Work with the web part property pane min
Build custom property pane field controls min
Exercise - Build custom property pane fields min
Use the PnP reusable property pane controls min
Exercise - Use the SPFx PnP reusable property pane controls min
Module assessment min
Summary min

Start