sp-dev-fx-extensions/README.md at master · SharePoint/sp-dev-fx-extensions

sp-dev-fx-extensions/README.md at master · SharePoint/sp-dev-fx-extensions

Sample SharePoint Framework application customizer showing how to create a tenant global NavBar and Footer NavBar for modern sites, reading menu items from the Term Store.

Manage tenant-scoped SPFx extensions across your SharePoint sites

Manage tenant-scoped SPFx extensions across your SharePoint sites

SPFx web parts deployed at tenant scope will appear everywhere in the picker, but for SPFx extensions there is still something you need to do locally, and that’s “associate” your extension with the site/web/list/field. For Application Customizers, it’s this step which allows you to control exactly which sites use your extension.

Custom modern page header and footer using SharePoint Framework

Custom modern page header and footer using SharePoint Framework

The SharePoint Framework gives us a new way to deploy JavaScript-based customizations to SharePoint. These include web parts (for both classic and modern pages) and now Extensions such as Application Customizers that allow you to embed JavaScript on modern pages.

To extend the functionality of my SharePoint-hosted add-in to modern pages using the SharePoint Framework, I created a new SharePoint client-side solution containing an application customizer extension to handle the rendering of the header and footer on all modern pages, reading the same configuration values from the site property bag that are set by the add-in part from my original SharePoint-hosted add-in.