Microsoft SharePoint Framework Training Module - Extend the SharePoint user interface with SharePoint Framework extensions

This module will introduce you to extending the SharePoint user interface with extensions.

This module is also published as a Microsoft Learn module: Enable SharePoint Framework Web Part Configuration with Property Panes

Lab - Extend the SharePoint user interface with SharePoint Framework extensions

The lab for this module is available in multiple units within the associated Microsoft Learn module. Use the following links to jump to the specific unit. Each Microsoft Learn unit represents a different lab exercise & demo in the presentation.

• Exercise - Create an application customizer extension

  In this exercise, you'll create a SharePoint Framework (SPFx) application customizer extension.

• Exercise - Create a field customizer extension

  In this exercise, you'll create a SharePoint Framework (SPFx) field customizer extension that will display a colored bar in a column with a percentage of the bar filled depending on the value in the field.

• Exercise - Customize lists with command set extensions

  In this exercise, you'll create a SharePoint Framework (SPFx) command set extension that will display custom buttons in a SharePoint list.

Demos

• Create an application customizer extension
• Create a field customizer extension
• Customize lists with command set extensions

Watch the Module - Video

This module has been recorded and is available in the SharePoint Development YouTube channel: SharePoint Framework Training - Developing with the SharePoint Framework: Extend the SharePoint user interface with SharePoint Framework extensions

Contributors

Roles	Author(s)
Lab Manuals / Slides	Andrew Connell (Microsoft MVP, Voitanos) @andrewconnell
QA	Rob Windsor (Microsoft MVP) @rob-windsor
Sponsor / Support	Vesa Juvonen (Microsoft) @VesaJuvonen

Version history

Version	Date	Comments
1.18	May 5, 2023	FY2023Q4 content refresh; update to SPFx v1.17.1
1.17	February 28, 2023	FY2023Q3 content refresh; update to SPFx v1.16.1
1.16	December 5, 2022	FY2023Q1 content refresh
1.15	September 5, 2022	FY2023Q1 content refresh; update for SPFx v1.15.2
1.14	May 2, 2022	FY2022Q4 content refresh; update for SPFx v1.14
1.13	March 7, 2022	FY2022Q3 content refresh; retire local workbench
1.12	December 8, 2021	FY2022Q2 content refresh; retire local workbench
1.11	June 17, 2021	FY2021Q4 content refresh
1.10	March 6, 2021	FY2021Q3 content refresh
1.9	November 30, 2020	FY2021Q2 content refresh
1.8	August 31, 2020	FY2021Q1 content refresh
1.7	March 10, 2020	FY2020Q3 content refresh & port module to MS Learn
1.6	December 6, 2019	FY2020Q2 content refresh
1.5	September 2, 2019	FY2020Q1 content refresh
1.4	June 10, 2019	FY2019Q4 content refresh
1.3	March 6, 2019	FY2019Q3 Content refresh
1.2	January 17, 2019	Slide updates, added screencast link to readme
1.1	December 12, 2018	Rewritten to use latest guidance
1.0	~February 2017	Initial release

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.

Contributing

This project welcomes contributions and suggestions. Most contributions require you to agree to a Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us the rights to use your contribution. For details, visit https://cla.microsoft.com.

When you submit a pull request, a CLA-bot will automatically determine whether you need to provide a CLA and decorate the PR appropriately (e.g., label, comment). Simply follow the instructions provided by the bot. You will only need to do this once across all repos using our CLA.

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.