sp-dev-fx-webparts/.metadata/extension-samples.json

7286 lines
316 KiB
JSON
Raw Normal View History

[
{
"name": "pnp-sp-dev-spfx-extensions-jquery-application-toastr",
"source": "pnp",
"title": "Toastr Application Customizer",
"shortDescription": "Sample SharePoint Framework application customizer extension that shows toast notifications configured from a SharePoint list. Demonstrates jQuery module loading, barrel configuration, promise chaining, and localStorage caching.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/jquery-application-toastr",
"longDescription": [
"Sample SharePoint Framework application customizer extension that shows toast notifications configured from a SharePoint list. Demonstrates jQuery module loading, barrel configuration, promise chaining, and localStorage caching."
],
"creationDateTime": "2018-02-01",
"updateDateTime": "2018-02-01",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "jQuery"
},
{
"key": "SPFX-VERSION",
"value": "1.4.0"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/jquery-application-toastr/assets/spfxToastr-Preview.PNG",
"alt": "Toastr Application Customizer"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/jquery-application-toastr/assets/DeployToCatalog.png?raw=true",
"alt": "Toastr Application Customizer"
}
],
"authors": [
{
"gitHubAccount": "thechriskent",
"company": "DMI",
"pictureUrl": "https://avatars.githubusercontent.com/u/8364109?s=460&v=4",
"name": "Chris Kent",
"twitter": "thechriskent"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-jquery-field-itemorder",
"source": "pnp",
"title": "Item Order",
"shortDescription": "Sample SharePoint Framework field customizer extension that enables reordering of list items through intuitive drag and drop directly in your list view. Demonstrates the use of jQuery and jQuery UI, custom property JSON, and PnPJS Batching.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/jquery-field-itemorder",
"longDescription": [
"Sample SharePoint Framework field customizer extension that enables reordering of list items through intuitive drag and drop directly in your list view. Demonstrates the use of jQuery and jQuery UI, custom property JSON, and PnPJS Batching."
],
"creationDateTime": "2019-10-10",
"updateDateTime": "2019-10-10",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "jQuery"
},
{
"key": "SPFX-VERSION",
"value": "1.4.1"
}
],
"tags": [],
"categories": [
"SPFX-FIELD-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/jquery-field-itemorder/assets/spfxItemOrder-Animation.gif",
"alt": "Item Order"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/jquery-field-itemorder/assets/DeployToCatalog.png?raw=true",
"alt": "Item Order"
},
{
"type": "image",
"order": 102,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/jquery-field-itemorder/assets/OrderableView.PNG?raw=true",
"alt": "Item Order"
},
{
"type": "image",
"order": 103,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/jquery-field-itemorder/assets/PlaceholderField.PNG?raw=true",
"alt": "Item Order"
},
{
"type": "image",
"order": 104,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/jquery-field-itemorder/assets/spfxItemOrder-NoPermissions.png?raw=true",
"alt": "Item Order"
},
{
"type": "image",
"order": 105,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/jquery-field-itemorder/assets/spfxItemOrder-Preview.png?raw=true",
"alt": "Item Order"
}
],
"authors": [
{
"gitHubAccount": "thechriskent",
"company": "DMI",
"pictureUrl": "https://avatars.githubusercontent.com/u/8364109?s=460&v=4",
"name": "Chris Kent",
"twitter": "thechriskent"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first Field Customizer extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-field-customizer?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-application-alert-message",
"source": "pnp",
"title": "Application Alert Message",
"shortDescription": "This application customizer will display the alert message based on the items from the list.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-application-alert-message",
"longDescription": [
"This application customizer will display the alert message based on the items from the list."
],
"creationDateTime": "2020-07-09",
"updateDateTime": "2020-07-09",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.10.0"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-application-alert-message/assets/GlobalAlerts.gif",
"alt": "Application Alert Message"
}
],
"authors": [
{
"gitHubAccount": "sudharsank",
"company": "NTT Digital Business Solutions",
"pictureUrl": "https://github.com/sudharsank.png",
"name": "Sudharsan Kesavanarayanan",
"twitter": "sudharsank"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-application-analytics",
"source": "pnp",
"title": "Google Analytics Application Customizer",
"shortDescription": "In this sample is possible to see how to implement Google Analytics through SPFx Extensions Application Customizers",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-application-analytics",
"longDescription": [
"In this sample is possible to see how to implement Google Analytics through SPFx Extensions Application Customizers"
],
"creationDateTime": "2020-10-07",
"updateDateTime": "2021-07-01",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.11.0"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-application-analytics/assets/js-application-google-analytics.gif",
"alt": "Google Analytics Application Customizer"
}
],
"authors": [
{
"gitHubAccount": "giuleon",
"company": "",
"pictureUrl": "https://github.com/giuleon.png",
"name": "Giuliano De Luca",
"twitter": "delucagiulian"
},
{
"gitHubAccount": "hugoabernier",
"company": "Microsoft",
"pictureUrl": "https://github.com/hugoabernier.png",
"name": "Hugo Bernier",
"twitter": "bernierh"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-application-appinsights",
"source": "pnp",
"title": "Injecting Javascript with Sharepoint Framework Extensions - Azure Application Insights",
"shortDescription": "Sample SharePoint Framework extension project injecting Javascript code to enable Azure App Insights monitoring and statistics.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-application-appinsights",
"longDescription": [
"Sample SharePoint Framework extension project injecting Javascript code to enable Azure App Insights monitoring and statistics."
],
"creationDateTime": "2019-08-29",
"updateDateTime": "2019-08-29",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.9.1"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-application-appinsights/assets/appinsights-1.png",
"alt": "Injecting Javascript with Sharepoint Framework Extensions - Azure Application Insights"
}
],
"authors": [
{
"gitHubAccount": "GSellier",
"company": "Microsoft",
"pictureUrl": "https://github.com/GSellier.png",
"name": "Guillaume Sellier"
},
{
"gitHubAccount": "levalencia",
"company": "",
"pictureUrl": "https://github.com/levalencia.png",
"name": "Luis Valencia"
},
{
"gitHubAccount": "xiao-lix",
"company": "Microsoft",
"pictureUrl": "https://github.com/xiao-lix.png",
"name": "Xiao Li"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-application-appinsights-advanced",
"source": "pnp",
"title": "JS Application AppInsights Advanced",
"shortDescription": "This application customizer will track the pageviews using Azure App Insights. The customizer will track the react routing which is used in SPA, in SharePoint Online it tracks the navigation between the news post which is not the actual post back.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-application-appinsights-advanced",
"longDescription": [
"This application customizer will track the pageviews using Azure App Insights. The customizer will track the react routing which is used in SPA, in SharePoint Online it tracks the navigation between the news post which is not the actual post back."
],
"creationDateTime": "2020-09-23",
"updateDateTime": "2020-09-23",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.10.0"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-application-appinsights-advanced/assets/Performance.png",
"alt": "JS Application AppInsights Advanced"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/js-application-appinsights-advanced/assets/AppInsights.png?raw=true",
"alt": "JS Application AppInsights Advanced"
},
{
"type": "image",
"order": 102,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/js-application-appinsights-advanced/assets/PageViewAnalysis.png?raw=true",
"alt": "JS Application AppInsights Advanced"
},
{
"type": "image",
"order": 103,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/js-application-appinsights-advanced/assets/Retention.png?raw=true",
"alt": "JS Application AppInsights Advanced"
},
{
"type": "image",
"order": 104,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/js-application-appinsights-advanced/assets/UserFlows.png?raw=true",
"alt": "JS Application AppInsights Advanced"
},
{
"type": "image",
"order": 105,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/js-application-appinsights-advanced/assets/UsersChart.png?raw=true",
"alt": "JS Application AppInsights Advanced"
}
],
"authors": [
{
"gitHubAccount": "sudharsank",
"company": "NTT Digital Business Solutions",
"pictureUrl": "https://github.com/sudharsank.png",
"name": "Sudharsan Kesavanarayanan",
"twitter": "sudharsank"
},
{
"gitHubAccount": "xiao-lix",
"company": "Microsoft",
"pictureUrl": "https://github.com/xiao-lix.png",
"name": "Xiao Li"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-application-dynamically-importing-styles",
"source": "pnp",
"title": "Optimize CSS/SCSS Style Bundling and Dynamic Loading of Styles",
"shortDescription": "This example illustrates how style files can be dynamically bundled into multiple .js bundle files and then be individually imported at runtime.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-application-dynamically-importing-styles",
"longDescription": [
"This example illustrates how style files can be dynamically bundled into multiple .js bundle files and then be individually imported at runtime."
],
"creationDateTime": "2019-01-21",
"updateDateTime": "2019-01-21",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.7.1"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-application-dynamically-importing-styles/assets/DynamicImportingResultsInBrwoser.png",
"alt": "Optimize CSS/SCSS Style Bundling and Dynamic Loading of Styles"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/js-application-dynamically-importing-styles/assets/PostBundling.png?raw=true",
"alt": "Optimize CSS/SCSS Style Bundling and Dynamic Loading of Styles"
},
{
"type": "image",
"order": 102,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/js-application-dynamically-importing-styles/assets/PreBundling.png?raw=true",
"alt": "Optimize CSS/SCSS Style Bundling and Dynamic Loading of Styles"
}
],
"authors": [
{
"gitHubAccount": "PopWarner",
"company": "Catapult Systems",
"pictureUrl": "https://avatars.githubusercontent.com/u/10676147?s=460&u=9e4e74223c4ffb430fb77c97892a84b286df1921&v=4",
"name": "David Warner II",
"twitter": "PopWarner"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-application-graph-client",
"source": "pnp",
"title": "GraphClient from Modern Teamsite",
"shortDescription": "Simple example to call the Graph via the new GraphHttpClient (No ADAL) for getting the group title, mail, and description.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-application-graph-client",
"longDescription": [
"Simple example to call the Graph via the new GraphHttpClient (No ADAL) for getting the group title, mail, and description."
],
"creationDateTime": "2017-06-09",
"updateDateTime": "2017-06-09",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.1"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-application-graph-client/assets/screenshot.png",
"alt": "GraphClient from Modern Teamsite"
}
],
"authors": [
{
"gitHubAccount": "simonagren",
"company": "Sogeti",
"pictureUrl": "https://github.com/simonagren.png",
"name": "Simon Ågren"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-application-header-toggler",
"source": "pnp",
"title": "Site Header Toggler",
"shortDescription": "This application customizer adds a toggle button on all the Modern Pages which will toggle (show/hide) the Site Header, pulling the content to the top and giving more reading space for the users.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-application-header-toggler",
"longDescription": [
"This application customizer adds a toggle button on all the Modern Pages which will toggle (show/hide) the Site Header, pulling the content to the top and giving more reading space for the users."
],
"creationDateTime": "2019-09-19",
"updateDateTime": "2019-09-19",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.9.1"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-application-header-toggler/assets/screenshot.gif",
"alt": "Site Header Toggler"
}
],
"authors": [
{
"gitHubAccount": "RamPrasadMeenavalli",
"company": "",
"pictureUrl": "https://github.com/RamPrasadMeenavalli.png",
"name": "Ram Prasad Meenavalli",
"twitter": "ram_meenavalli"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-application-intranet-searchbox",
"source": "pnp",
"title": "Intranet Search Box",
"shortDescription": "This demonstrates how to use an SPFx Application Customiser to inject an additional search box into the header of each page, which uses the \"Search Settings\" (at either the Site Collection or Sub-Site level) to determine the redirect page.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-application-intranet-searchbox",
"longDescription": [
"This demonstrates how to use an SPFx Application Customiser to inject an additional search box into the header of each page, which uses the \"Search Settings\" (at either the Site Collection or Sub-Site level) to determine the redirect page."
],
"creationDateTime": "2019-05-16",
"updateDateTime": "2019-05-16",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.8.0"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-application-intranet-searchbox/assets/IntranetSearchBox.gif",
"alt": "Intranet Search Box"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/js-application-intranet-searchbox/assets/Theme_Blue.png?raw=true",
"alt": "Intranet Search Box"
},
{
"type": "image",
"order": 102,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/js-application-intranet-searchbox/assets/Theme_Dark.png?raw=true",
"alt": "Intranet Search Box"
},
{
"type": "image",
"order": 103,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/js-application-intranet-searchbox/assets/Theme_Orange.png?raw=true",
"alt": "Intranet Search Box"
},
{
"type": "image",
"order": 104,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/js-application-intranet-searchbox/assets/Theme_Purple.png?raw=true",
"alt": "Intranet Search Box"
}
],
"authors": [
{
"gitHubAccount": "MartinHatch",
"company": "",
"pictureUrl": "https://github.com/MartinHatch.png",
"name": "Martin Hatch"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-application-listdrivenplaceholders",
"source": "pnp",
"title": "List-Driven Placeholders",
"shortDescription": "This solution deploys a list that allows end users to manage content that will appear in placeholders, via a SharePoint Framework application customizer extension.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-application-listdrivenplaceholders",
"longDescription": [
"This solution deploys a list that allows end users to manage content that will appear in placeholders, via a SharePoint Framework application customizer extension."
],
"creationDateTime": "2017-09-05",
"updateDateTime": "2017-09-05",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.2.0"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-application-listdrivenplaceholders/assets/placeholders.jpg",
"alt": "List-Driven Placeholders"
}
],
"authors": [
{
"gitHubAccount": "mjimison",
"company": "Allegient",
"pictureUrl": "https://github.com/mjimison.png",
"name": "Matt Jimison"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-application-microsoft-clarity",
"source": "pnp",
"title": "Microsoft Clarity for modern SharePoint",
"shortDescription": "Microsoft Clarity will gives you the recording of the sessions and heat maps of the user interaction with the site, this will help to find and fix the areas of your pages that are not working as you expect",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-application-microsoft-clarity",
"longDescription": [
"Creating engagement and measuring the success of any intranet is always a challenge, tools like Azure Application Insights and Google Analytics give you the usage metrics and now you can complement this information with Microsoft Clarity the new user behavior analytics tool.",
"Microsoft Clarity will gives you the recording of the sessions and heat maps of the user interaction with the site, this will help to find and fix the areas of your pages that are not working as you expect."
],
"creationDateTime": "2021-11-23",
"updateDateTime": "2021-11-23",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.11.0"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-application-microsoft-clarity/assets/dashboard.gif",
"alt": "Preview"
}
],
"authors": [
{
"gitHubAccount": "joaoferreira",
"pictureUrl": "https://github.com/joaoferreira.png",
"name": "João Ferreira"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-application-redirect",
"source": "pnp",
"title": "Redirect Application Customizers",
"shortDescription": "Redirect from URL based on mapping from a list on the site. Can be used to automatically redirect from pages to other locations.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-application-redirect",
"longDescription": [
"Redirect from URL based on mapping from a list on the site. Can be used to automatically redirect from pages to other locations."
],
"creationDateTime": "2019-12-29",
"updateDateTime": "2019-12-29",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "JavaScript"
},
{
"key": "SPFX-VERSION",
"value": "1.4.0"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-starter-kit/blob/master/assets/images/components/ext-redirects.gif",
"alt": "Redirect Application Customizers"
}
],
"authors": [
{
"gitHubAccount": "PaoloPia",
"company": "PiaSys.com",
"pictureUrl": "https://github.com/PaoloPia.png",
"name": "Paolo Pialorsi",
"twitter": "PaoloPia"
},
{
"gitHubAccount": "sebastienlevert",
"company": "Microsoft",
"pictureUrl": "https://github.com/sebastienlevert.png",
"name": "Sébastien Levert",
"twitter": "sebastienlevert"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-application-run-once",
"source": "pnp",
"title": "Run Once SharePoint Framework application customizer",
"shortDescription": "Sample SharePoint Framework application customizer showing how you can run code once, and then remove the customizer at the end. The code as-is expects to be installed as a site scoped custom action.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-application-run-once",
"longDescription": [
"Sample SharePoint Framework application customizer showing how you can run code once, and then remove the customizer at the end. The code as-is expects to be installed as a site scoped custom action."
],
"creationDateTime": "2017-10-10",
"updateDateTime": "2017-10-10",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.3.0"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [],
"authors": [
{
"gitHubAccount": "wobba",
"company": "Microsoft",
"pictureUrl": "https://github.com/wobba.png",
"name": "Mikael Svenson",
"twitter": "mikaelsvenson"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-command-clone",
"source": "pnp",
"title": "Clone ListView Command Set",
"shortDescription": "Sample SharePoint Framework listview command set extension that allows users to clone one or more list items. Demonstrates conditional visibility, PnPJS requests, PnPJS Batching, and field specific formats for rest operations.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-command-clone",
"longDescription": [
"Sample SharePoint Framework listview command set extension that allows users to clone one or more list items. Demonstrates conditional visibility, PnPJS requests, PnPJS Batching, and field specific formats for rest operations."
],
"creationDateTime": "2019-05-27",
"updateDateTime": "2019-05-27",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.4.0"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-command-clone/assets/spfxClone-Animation.gif",
"alt": "Clone ListView Command Set"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/js-command-clone/assets/CommandIcon.png?raw=true",
"alt": "Clone ListView Command Set"
},
{
"type": "image",
"order": 102,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/js-command-clone/assets/DeployToCatalog.png?raw=true",
"alt": "Clone ListView Command Set"
},
{
"type": "image",
"order": 103,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/js-command-clone/assets/Dolly.png?raw=true",
"alt": "Clone ListView Command Set"
},
{
"type": "image",
"order": 104,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/js-command-clone/assets/spfxClone-Preview.png?raw=true",
"alt": "Clone ListView Command Set"
}
],
"authors": [
{
"gitHubAccount": "thechriskent",
"company": "DMI",
"pictureUrl": "https://avatars.githubusercontent.com/u/8364109?s=460&v=4",
"name": "Chris Kent",
"twitter": "thechriskent"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-command-convert-to-pdf",
"source": "pnp",
"title": "Convert documents to PDF using Azure function",
"shortDescription": "Sample SPFx list view command set extension that converts the selected documents to PDF using Microsoft Graph.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-command-convert-to-pdf",
"longDescription": [
"Sample SPFx list view command set extension that converts the selected documents to PDF using Microsoft Graph."
],
"creationDateTime": "2018-10-29",
"updateDateTime": "2018-10-29",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.6"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-command-convert-to-pdf/demo/convert-docs-to-pdf.gif",
"alt": "Convert documents to PDF using Azure function"
}
],
"authors": [
{
"gitHubAccount": "anoopt",
"company": "Content +Cloud",
"pictureUrl": "https://avatars.githubusercontent.com/u/9694225?s=460&u=fbb4b27ed944935800d5f6dbc91e71911ce0d4ec&v=4",
"name": "Anoop Tatti",
"twitter": "anooptells"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-command-copy-classic-link",
"source": "pnp",
"title": "Copy Classic Link Extension",
"shortDescription": "Sample SharePoint Framework list view command set extension that copies the classic link (path) of a selected item. Uses copy-to-clipboard library, toastr and sweet alert for notifications.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-command-copy-classic-link",
"longDescription": [
"Sample SharePoint Framework list view command set extension that copies the classic link (path) of a selected item. Uses copy-to-clipboard library, toastr and sweet alert for notifications."
],
"creationDateTime": "2021-01-03",
"updateDateTime": "2021-01-03",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.11"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-command-copy-classic-link/demo/copy-classic-link.gif",
"alt": "Copy Classic Link Extension"
}
],
"authors": [
{
"gitHubAccount": "anoopt",
"company": "Content +Cloud",
"pictureUrl": "https://avatars.githubusercontent.com/u/9694225?s=460&u=fbb4b27ed944935800d5f6dbc91e71911ce0d4ec&v=4",
"name": "Anoop Tatti",
"twitter": "anooptells"
},
{
"gitHubAccount": "aakashbhardwaj619",
"company": "Microsoft",
"pictureUrl": "https://avatars.githubusercontent.com/u/33526902?s=460&u=e780f4ef1da922c84f2c5c66c59cecbff2300581&v=4",
"name": "Aakash Bhardwaj",
"twitter": "aakash_316"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-command-hide-commands",
"source": "pnp",
"title": "Hide Commands",
"shortDescription": "This command-set can be used to hide other 'out-of-the-box' commands on list views.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-command-hide-commands",
"longDescription": [
"This command-set can be used to hide other 'out-of-the-box' commands on list views."
],
"creationDateTime": "2020-04-27",
"updateDateTime": "2020-04-27",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.10.0"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-command-hide-commands/CssSelector.PNG",
"alt": "Hide Commands"
}
],
"authors": [
{
"gitHubAccount": "russgove",
"company": "",
"pictureUrl": "https://github.com/russgove.png",
"name": "Russell Gove"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-command-item-permissions",
"source": "pnp",
"title": "Unique Item Permissions Command Set Customizer",
"shortDescription": "The sample illustrates creation of a shortcut command to redirect user to selected item's permission page.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-command-item-permissions",
"longDescription": [
"The sample illustrates creation of a shortcut command to redirect user to selected item's permission page."
],
"creationDateTime": "2017-10-15",
"updateDateTime": "2017-10-15",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.3"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-command-item-permissions/assets/item-permissions.png",
"alt": "Unique Item Permissions Command Set Customizer"
}
],
"authors": [
{
"gitHubAccount": "AJIXuMuK",
"company": "Sharepointalist",
"pictureUrl": "https://avatars.githubusercontent.com/u/17036219?s=460&u=b8e83fb70a90eae0c0e0078c206990785e1a5b6f&v=4",
"name": "Alex Terentiev",
"twitter": "alexaterentiev"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-command-lock-item",
"source": "pnp",
"title": "Lock Item Command Set Customizer",
"shortDescription": "The sample illustrates the ability to lock/unlock selected item/document for the current user. The lock is implemented as item's unique permissions set to Full Control for current user only. The lock is available only for items that inherit permissions from the parent. Items with unique permissions can't be locked as we can't unlock them correctly later on. All other permissions are deleted. The Command is available only for users who have \"Manage Permissions\" permissions for the list/document library.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-command-lock-item",
"longDescription": [
"The sample illustrates the ability to lock/unlock selected item/document for the current user. The lock is implemented as item's unique permissions set to Full Control for current user only. The lock is available only for items that inherit permissions from the parent. Items with unique permissions can't be locked as we can't unlock them correctly later on. All other permissions are deleted. The Command is available only for users who have \"Manage Permissions\" permissions for the list/document library."
],
"creationDateTime": "2017-12-20",
"updateDateTime": "2017-12-20",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.4"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-command-lock-item/assets/lock-item.png",
"alt": "Lock Item Command Set Customizer"
}
],
"authors": [
{
"gitHubAccount": "AJIXuMuK",
"company": "Sharepointalist",
"pictureUrl": "https://avatars.githubusercontent.com/u/17036219?s=460&u=b8e83fb70a90eae0c0e0078c206990785e1a5b6f&v=4",
"name": "Alex Terentiev",
"twitter": "alexaterentiev"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-command-selecteditems-export",
"source": "pnp",
"title": "Export Selected Items to Excel",
"shortDescription": "Exports selected items to excel spreadsheet in xlsx format, with the columns from the current modern list view.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-command-selecteditems-export",
"longDescription": [
"Exports selected items to excel spreadsheet in xlsx format, with the columns from the current modern list view."
],
"creationDateTime": "2018-02-16",
"updateDateTime": "2018-02-16",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.4.1"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-command-selecteditems-export/assets/excel-export-preview.png",
"alt": "Export Selected Items to Excel"
}
],
"authors": [
{
"gitHubAccount": "rjesh-git",
"company": "CoreBTS",
"pictureUrl": "https://github.com/rjesh-git.png",
"name": "Rajesh Sitaraman"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-field-animated-progress",
"source": "pnp",
"title": "Animated Progress Field",
"shortDescription": "Displays an animated progress bar component",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-field-animated-progress",
"longDescription": [
"Displays an animated progress bar component."
],
"creationDateTime": "2021-10-10",
"updateDateTime": "2021-10-10",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.12.1"
}
],
"tags": [],
"categories": [
"SPFX-FIELD-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-field-animated-progress/assets/preview.gif",
"alt": "Preview"
}
],
"authors": [
{
"gitHubAccount": "AriGunawan",
"pictureUrl": "https://github.com/AriGunawan.png",
"name": "Ari Gunawan"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-field-conditionalformatting",
"source": "pnp",
"title": "Conditional formatting SharePoint Framework field customizer",
"shortDescription": "Sample SharePoint Framework field customizer that applies Excel-like conditional formatting to numeric fields based on their values.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-field-conditionalformatting",
"longDescription": [
"Sample SharePoint Framework field customizer that applies Excel-like conditional formatting to numeric fields based on their values."
],
"creationDateTime": "2017-06-29",
"updateDateTime": "2017-06-29",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.1.1"
}
],
"tags": [],
"categories": [
"SPFX-FIELD-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-field-conditionalformatting/assets/conditionalformatting-preview.png",
"alt": "Conditional formatting SharePoint Framework field customizer"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/js-field-conditionalformatting/assets/conditionalformatting-25-95.png?raw=true",
"alt": "Conditional formatting SharePoint Framework field customizer"
},
{
"type": "image",
"order": 102,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/js-field-conditionalformatting/assets/conditionalformatting-log-level.png?raw=true",
"alt": "Conditional formatting SharePoint Framework field customizer"
},
{
"type": "image",
"order": 103,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/js-field-conditionalformatting/assets/conditionalformatting-verbose-logging.png?raw=true",
"alt": "Conditional formatting SharePoint Framework field customizer"
}
],
"authors": [
{
"gitHubAccount": "waldekmastykarz",
"company": "Microsoft",
"pictureUrl": "https://github.com/waldekmastykarz.png",
"name": "Waldek Mastykarz",
"twitter": "waldekm"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first Field Customizer extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-field-customizer?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-field-taskpriority",
"source": "pnp",
"title": "Priority Field SharePoint Framework field customizer",
"shortDescription": "Sample SharePoint Framework field customizer that shows how to apply conditional color formatting to the values in a Priority field based on their value.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-field-taskpriority",
"longDescription": [
"Sample SharePoint Framework field customizer that shows how to apply conditional color formatting to the values in a Priority field based on their value."
],
"creationDateTime": "2017-08-24",
"updateDateTime": "2017-08-24",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.1.1"
}
],
"tags": [],
"categories": [
"SPFX-FIELD-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-field-taskpriority/assets/js-field-taskpriority-preview.jpg",
"alt": "Priority Field SharePoint Framework field customizer"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/js-field-taskpriority/assets/CSS.jpg?raw=true",
"alt": "Priority Field SharePoint Framework field customizer"
},
{
"type": "image",
"order": 102,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/js-field-taskpriority/assets/Querystring-Parameters.jpg?raw=true",
"alt": "Priority Field SharePoint Framework field customizer"
}
],
"authors": [
{
"gitHubAccount": "TBag",
"company": "Canviz LLC",
"pictureUrl": "https://github.com/TBag.png",
"name": "Todd Baginski"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first Field Customizer extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-field-customizer?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-field-weather",
"source": "pnp",
"title": "Weather SharePoint Framework field customizer",
"shortDescription": "Sample SharePoint Framework field customizer showing weather conditions for the given location.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-field-weather",
"longDescription": [
"Sample SharePoint Framework field customizer showing weather conditions for the given location."
],
"creationDateTime": "2018-01-20",
"updateDateTime": "2018-01-20",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.4"
}
],
"tags": [],
"categories": [
"SPFX-FIELD-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-field-weather/assets/weather-preview.png",
"alt": "Weather SharePoint Framework field customizer"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/js-field-weather/assets/weather-location-f.png?raw=true",
"alt": "Weather SharePoint Framework field customizer"
}
],
"authors": [
{
"gitHubAccount": "waldekmastykarz",
"company": "Microsoft",
"pictureUrl": "https://github.com/waldekmastykarz.png",
"name": "Waldek Mastykarz",
"twitter": "waldekm"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first Field Customizer extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-field-customizer?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-js-guest-message",
"source": "pnp",
"title": "Guest Message",
"shortDescription": "SharePoint Application customizer that allow you to display a message to your External users.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-guest-message",
"longDescription": [
"SharePoint Application customizer that allow you to display a message to your External users."
],
"creationDateTime": "2019-09-22",
"updateDateTime": "2019-09-22",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.9.1"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-guest-message/assets/externalmessage.png",
"alt": "Guest Message"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/js-guest-message/assets/tenantwide.png?raw=true",
"alt": "Guest Message"
}
],
"authors": [
{
"gitHubAccount": "DRamalho92",
"company": "Storm Technology",
"pictureUrl": "https://github.com/DRamalho92.png",
"name": "David Ramalho"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-js-share-to-teams",
"source": "pnp",
"title": "Share to Teams",
"shortDescription": "Share to teams helps us to share files along with folders in document library it also alows us to share pages in the site pages library and last but not the least it allows sharing list items to teams channels or group.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-share-to-teams",
"longDescription": [
"Share to teams helps us to share files along with folders in document library it also alows us to share pages in the site pages library and last but not the least it allows sharing list items to teams channels or group.",
"To achieve this we have taken help of the js file provided by microsoft for creating share to teams button for third-party websites"
],
"creationDateTime": "2021-08-14",
"updateDateTime": "2021-08-14",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.11.0"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-share-to-teams/assets/sendToTeams.gif",
"alt": "Preview"
},
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-share-to-teams/assets/sendToTeams1.png",
"alt": "Preview"
},
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-share-to-teams/assets/sendToTeams2.png",
"alt": "Preview"
},
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-share-to-teams/assets/sendToTeams3.png",
"alt": "Preview"
},
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/js-share-to-teams/assets/sendToTeams4.png",
"alt": "Preview"
}
],
"authors": [
{
"gitHubAccount": "kunj-sangani",
"pictureUrl": "https://github.com/kunj-sangani.png",
"name": "Kunj Sangani"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-aadtokenprovider-bot",
"source": "pnp",
"title": "AAD Token Provider Bot Extension",
"shortDescription": "This sample demonstrates how to integrate a bot within a SharePoint Online portal supporting authentication to access Azure AD protected APIs like Microsoft graph resources. Behind the scenes, this sample uses the AADTokenProvider utility class provided with SPFx > 1.6.0 to seamlessly get an access token for the current user and send it to the bot. This way, the user is not prompted anymore for login to interact with the bot, improving overall experience.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-aadtokenprovider-bot",
"longDescription": [
"This sample demonstrates how to integrate a bot within a SharePoint Online portal supporting authentication to access Azure AD protected APIs like Microsoft graph resources. Behind the scenes, this sample uses the AADTokenProvider utility class provided with SPFx > 1.6.0 to seamlessly get an access token for the current user and send it to the bot. This way, the user is not prompted anymore for login to interact with the bot, improving overall experience."
],
"creationDateTime": "2018-11-05",
"updateDateTime": "2018-11-05",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.6.0"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-aadtokenprovider-bot/images/react-aadtokenprovider-bot.gif",
"alt": "AAD Token Provider Bot Extension"
}
],
"authors": [
{
"gitHubAccount": "FranckyC",
"company": "Aequos",
"pictureUrl": "https://github.com/FranckyC.png",
"name": "Franck Cornu"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-app-announcements",
"source": "pnp",
"title": "Announcements SharePoint Framework application customizer",
"shortDescription": "Sample SharePoint Framework application customizer showing urgent organizational announcements.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-app-announcements",
"longDescription": [
"Sample SharePoint Framework application customizer showing urgent organizational announcements."
],
"creationDateTime": "2017-06-30",
"updateDateTime": "2017-06-30",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.1.1"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-app-announcements/assets/announcements-preview.png",
"alt": "Announcements SharePoint Framework application customizer"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-app-announcements/assets/announcements-announcements.png?raw=true",
"alt": "Announcements SharePoint Framework application customizer"
}
],
"authors": [
{
"gitHubAccount": "waldekmastykarz",
"company": "Microsoft",
"pictureUrl": "https://github.com/waldekmastykarz.png",
"name": "Waldek Mastykarz",
"twitter": "waldekm"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-alerts",
"source": "pnp",
"title": "Alerts Application Customizers",
"shortDescription": "This application customizer provides you the ability to show notifications on the pages in the top / header area.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-alerts",
"longDescription": [
"This application customizer provides you the ability to show notifications on the pages in the top / header area."
],
"creationDateTime": "2019-12-25",
"updateDateTime": "2019-12-25",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.4.0"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/ext-alert.gif",
"alt": "Alerts Application Customizers"
}
],
"authors": [
{
"gitHubAccount": "waldekmastykarz",
"company": "Microsoft",
"pictureUrl": "https://github.com/waldekmastykarz.png",
"name": "Waldek Mastykarz",
"twitter": "waldekm"
},
{
"gitHubAccount": "rfjschouten",
"company": "Wortell",
"pictureUrl": "https://github.com/rfjschouten.png",
"name": "Robert Schouten"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-announcements",
"source": "pnp",
"title": "Announcements SharePoint Framework Application Customizer",
"shortDescription": "SharePoint Framework application customizer displaying an information banner using office-fabric-ui MessageBar.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-announcements",
"longDescription": [
"SharePoint Framework application customizer displaying an information banner using office-fabric-ui MessageBar."
],
"creationDateTime": "2020-06-18",
"updateDateTime": "2024-03-12",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.18.2"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-announcements/assets/announcements-MUI.png",
"alt": "Announcements SharePoint Framework Application Customizer"
}
],
"authors": [
{
"gitHubAccount": "thespooler",
"pictureUrl": "https://github.com/thespooler.png",
"name": "Mike Myers"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-botframework-chat",
"source": "pnp",
"title": "Bot Framework Chat App Customizer",
"shortDescription": "SPFx application extension that uses the Bot Framework React Webchat Component to render a Bot Framework chat window",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-botframework-chat",
"longDescription": [
"SPFx application extension that uses the Bot Framework React Webchat Component to render a Bot Framework chat window"
],
"creationDateTime": "2019-10-19",
"updateDateTime": "2019-10-19",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.9.1"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-botframework-chat/assets/bf_app_customizer01.png",
"alt": "Bot Framework Chat App Customizer"
}
],
"authors": [
{
"gitHubAccount": "stephanbisser",
"company": "",
"pictureUrl": "https://github.com/stephanbisser.png",
"name": "Stephan Bisser"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-breadcrumb",
"source": "pnp",
"title": "Breadcrumb application customizer",
"shortDescription": "This sample shows how to create a breadcrumb element and append it to your site via the SharePoint Framework Application Customizer extension.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-breadcrumb",
"longDescription": [
"This sample shows how to create a breadcrumb element and append it to your site via the SharePoint Framework Application Customizer extension."
],
"creationDateTime": "2020-10-03",
"updateDateTime": "2020-10-03",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.11.0"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-breadcrumb/assets/breadcrumb-sample.png",
"alt": "Breadcrumb application customizer"
}
],
"authors": [
{
"gitHubAccount": "estruyf",
"company": "Struyf Consulting",
"pictureUrl": "https://github.com/estruyf.png",
"name": "Elio Struyf",
"twitter": "eliostruyf"
},
{
"gitHubAccount": "Swaminathan-Sriram",
"company": "",
"pictureUrl": "https://github.com/Swaminathan-Sriram.png",
"name": "Swaminathan Sriram",
"twitter": "SwaminathanSri3"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-collab-footer",
"source": "pnp",
"title": "Collaboration Footer Application Customizers",
"shortDescription": "This application customizer provides you the ability to include a footer designed for normal and group associated teams sites.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-collab-footer",
"longDescription": [
"This application customizer provides you the ability to include a footer designed for normal and group associated teams sites."
],
"creationDateTime": "2020-01-01",
"updateDateTime": "2020-01-01",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.4.0"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/ext-collab-footer.gif",
"alt": "Collaboration Footer Application Customizers"
}
],
"authors": [
{
"gitHubAccount": "PaoloPia",
"company": "PiaSys.com",
"pictureUrl": "https://github.com/PaoloPia.png",
"name": "Paolo Pialorsi",
"twitter": "PaoloPia"
},
{
"gitHubAccount": "spdavid",
"company": "Zalo Solutions AB",
"pictureUrl": "https://github.com/spdavid.png",
"name": "David Opdendries"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-react-application-customizer-feedback-widget",
"source": "pnp",
"title": "Sticky Feedback Widget Application Customizer",
"shortDescription": "An SPFx Application Customizer Extension placed in the bottom placeholder which allows users to input their feedbacks without scrolling down to the end of the page.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-customizer-feedback-widget",
"longDescription": [
"An SPFx Application Customizer Extension placed in the bottom placeholder which allows users to input their feedbacks without scrolling down to the end of the page."
],
"creationDateTime": "2023-07-02",
"updateDateTime": "2023-07-02",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.16.1"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-customizer-feedback-widget/assets/Feedback_Widget1.png",
"alt": "Preview"
}
],
"authors": [
{
"gitHubAccount": "Sandeep-FED",
"pictureUrl": "https://github.com/Sandeep-FED.png",
"name": "Sandeep P S"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-duetasks",
"source": "pnp",
"title": "Overdue Tasks Application Customizer",
"shortDescription": "The sample illustrates how to display a warning message that current user has overdue tasks.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-duetasks",
"longDescription": [
"The sample illustrates how to display a warning message that current user has overdue tasks."
],
"creationDateTime": "2017-12-26",
"updateDateTime": "2017-12-26",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.4"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-duetasks/assets/app-customizer.png",
"alt": "Overdue Tasks Application Customizer"
}
],
"authors": [
{
"gitHubAccount": "AJIXuMuK",
"company": "Sharepointalist",
"pictureUrl": "https://avatars.githubusercontent.com/u/17036219?s=460&u=b8e83fb70a90eae0c0e0078c206990785e1a5b6f&v=4",
"name": "Alex Terentiev",
"twitter": "alexaterentiev"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-festivals",
"source": "pnp",
"title": "Festivals Extension",
"shortDescription": "Sample SharePoint Framework application customizer adds a festival animation to the pages. At the moment this extension has capability of display 2 festivals (Christmas and Diwali) however, more can be added very easily.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-festivals",
"longDescription": [
"Sample SharePoint Framework application customizer adds a festival animation to the pages. At the moment this extension has capability of display 2 festivals (Christmas and Diwali) however, more can be added very easily."
],
"creationDateTime": "2020-05-19",
"updateDateTime": "2020-05-19",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.10.0"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-festivals/demo/festivals.gif",
"alt": "Festivals Extension"
}
],
"authors": [
{
"gitHubAccount": "arjunumenon",
"company": "",
"pictureUrl": "https://github.com/arjunumenon.png",
"name": "Arjun U Menon"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-grouplinks",
"source": "pnp",
"title": "Groups external links",
"shortDescription": "This sample shows how to render a header navbar with some external links related to the Group the site is in, i.e Group calendar, Notebook, Inbox, People...",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-grouplinks",
"longDescription": [
"This sample shows how to render a header navbar with some external links related to the Group the site is in, i.e Group calendar, Notebook, Inbox, People..."
],
"creationDateTime": "2018-02-16",
"updateDateTime": "2018-02-16",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.4.1"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-grouplinks/assets/react-application-grouplinks.jpg",
"alt": "Groups external links"
}
],
"authors": [
{
"gitHubAccount": "luismanez",
"company": "ClearPeople",
"pictureUrl": "https://github.com/luismanez.png",
"name": "Luis Mañez"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-injectcss",
"source": "pnp",
"title": "CSS Injection",
"shortDescription": "This sample shows how to inject a custom Cascading Style Sheet (CSS) on modern pages.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-injectcss",
"longDescription": [
"This sample shows how to inject a custom Cascading Style Sheet (CSS) on modern pages."
],
"creationDateTime": "2018-03-28",
"updateDateTime": "2018-03-28",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.8"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-injectcss/assets/sampleresults.png",
"alt": "CSS Injection"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-application-injectcss/assets/orangeisthenewfeedback.png?raw=true",
"alt": "CSS Injection"
}
],
"authors": [
{
"gitHubAccount": "hugoabernier",
"company": "Microsoft",
"pictureUrl": "https://github.com/hugoabernier.png",
"name": "Hugo Bernier",
"twitter": "bernierh"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-logo-festoon",
"source": "pnp",
"title": "Logo Festoon",
"shortDescription": "This simple SPFx extension can be used to decorate you SPO site logo with a festoon image of your choice. Keep users engaged by adding a personal touch to your site.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-logo-festoon",
"longDescription": [
"This simple SPFx extension can be used to decorate you SPO site logo with a festoon image of your choice. Keep users engaged by adding a personal touch to your site."
],
"creationDateTime": "2019-03-17",
"updateDateTime": "2019-03-17",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.8.0"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-logo-festoon/assets/festoon-shot.png",
"alt": "Logo Festoon"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-application-logo-festoon/assets/festoon-list.png?raw=true",
"alt": "Logo Festoon"
},
{
"type": "image",
"order": 102,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-application-logo-festoon/assets/festoon-shot-christmas.png?raw=true",
"alt": "Logo Festoon"
}
],
"authors": [
{
"gitHubAccount": "rabwill",
"company": "Microsoft",
"pictureUrl": "https://github.com/rabwill.png",
"name": "Rabia Williams",
"twitter": "williamsrabia"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-machine-translations",
"source": "pnp",
"title": "Machine Translations",
"shortDescription": "This application customizer lets you translate the text on a SharePoint page using the Translator Text API of Microsoft Azure.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-machine-translations",
"longDescription": [
"This application customizer lets you translate the text on a SharePoint page using the Translator Text API of Microsoft Azure."
],
"creationDateTime": "2021-01-20",
"updateDateTime": "2021-07-22",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.10.0"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-machine-translations/assets/sample.gif",
"alt": "Machine Translations"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-application-machine-translations/assets/main_screenshot.png?raw=true",
"alt": "Machine Translations"
}
],
"authors": [
{
"gitHubAccount": "agtenr",
"company": "",
"pictureUrl": "https://github.com/agtenr.png",
"name": "Robin Agten"
},
{
"gitHubAccount": "mromiszewski",
"pictureUrl": "https://github.com/mromiszewski.png",
"name": "Michał Romiszewski"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-fx-extensions-react-application-messagebanner",
"source": "pnp",
"title": "React Message Banner",
"shortDescription": "A react Message Banner sample, allows to add a custom banner message to your SharePoint Online modern sites.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-messagebanner",
"longDescription": [
"A react Message Banner sample, allows to add a custom banner message to your SharePoint Online modern sites. Can target either Site or Web Scoped. Allows a site owner to modify the text, font size, colours and height of the banner. Specify a start date to control when the banner is visible to members of a site. Uses the latest v1.15.2 of SPFX framework."
],
"creationDateTime": "2022-11-09",
"updateDateTime": "2024-01-10",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.18.2"
}
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-messagebanner/assets/BannerMessageAdminView.png",
"alt": "Admin View"
},
{
"type": "image",
"order": 200,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-messagebanner/assets/BannerMessageAdminViewScheduled.png",
"alt": "Admin View Scheduled"
},
{
"type": "image",
"order": 300,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-messagebanner/assets/BannerMessageUserView.png",
"alt": "User View"
},
{
"type": "image",
"order": 400,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-messagebanner/assets/BannerSettingsPanel.png",
"alt": "Banner Settings Panel"
}
],
"authors": [
{
"gitHubAccount": "pmatthews05",
"company": "CF Code",
"pictureUrl": "https://github.com/pmatthews05.png",
"name": "Paul Matthews",
"twitter": "cann0nf0dder"
},
{
"gitHubAccount": "bschlintz",
"company": "Digital Nomad",
"pictureUrl": "https://github.com/bschlintz.png",
"name": "Brad Schlintz",
"twitter": "bschlintz"
}
],
"references": [
{
"name": "Getting started with SharePoint Framework",
"description": "Introduction about how to develop Microsoft 365 extensions using SharePoint Framework.",
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-developer-tenant"
},
{
"name": "Build your first SharePoint Framework Extension",
"description": "Introduction about how to develop SharePoint Online extensions using SharePoint Framework.",
"url": "https://learn.microsoft.com/en-us/sharepoint/dev/spfx/extensions/get-started/build-a-hello-world-extension"
},
{
"name": "Microsoft 365 Patterns and Practices",
"description": "Guidance, tooling, samples and open-source controls for your Microsoft 365 development.",
"url": "https://aka.ms/m365pnp"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-react-application-my-flows-list",
"source": "pnp",
"title": "My Flows List",
"shortDescription": "Application extension that allows the user to check list of flows and their current status and details.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-my-flows-list",
"longDescription": [
"This application extension allows the user to check list of flows and their current status and details."
],
"creationDateTime": "2021-10-03",
"updateDateTime": "2021-10-03",
"products": [
"SharePoint",
"Office"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.12.1"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-my-flows-list/assets/HowItWorks.gif",
"alt": "Preview"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-my-flows-list/assets/Details.jpg",
"alt": "Preview"
},
{
"type": "image",
"order": 102,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-my-flows-list/assets/List.jpg",
"alt": "Preview"
},
{
"type": "image",
"order": 103,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-my-flows-list/assets/optionStandard.jpg",
"alt": "Preview"
},
{
"type": "image",
"order": 104,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-my-flows-list/assets/optionNotRecomended.jpg",
"alt": "Preview"
}
],
"authors": [
{
"gitHubAccount": "Adam-it",
"pictureUrl": "https://github.com/Adam-it.png",
"name": "Adam Wójcik"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-react-application-my-lists-notifications",
"source": "pnp",
"title": "My Lists Notifications",
"shortDescription": "This application extension alows user receive notifications from selected lists or libraries",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-my-lists-notifications",
"longDescription": [
"This application extension alows user receive notifications from selected lists or libraries"
],
"creationDateTime": "2021-07-08",
"updateDateTime": "2021-07-08",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.12.1"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-my-lists-notifications/assets/myListsNotifications.gif",
"alt": "Preview"
},
{
"type": "video",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-my-lists-notifications/assets/myListsNotifications.mp4",
"alt": "Preview"
},
{
"type": "image",
"order": 102,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-my-lists-notifications/assets/myListsNotifications0.png",
"alt": "Preview"
},
{
"type": "image",
"order": 103,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-my-lists-notifications/assets/myListsNotifications1.png",
"alt": "Preview"
},
{
"type": "image",
"order": 103,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-my-lists-notifications/assets/myListsNotifications2.png",
"alt": "Preview"
},
{
"type": "image",
"order": 104,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-my-lists-notifications/assets/myListsNotifications3.png",
"alt": "Preview"
},
{
"type": "image",
"order": 105,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-my-lists-notifications/assets/myListsNotifications4.png",
"alt": "Preview"
}
],
"authors": [
{
"gitHubAccount": "joaojmendes",
"pictureUrl": "https://github.com/joaojmendes.png",
"name": "João Mendes"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-myfavourites",
"source": "pnp",
"title": "My Favourites Application Customizer",
"shortDescription": "Sample SharePoint Framework application customizer extension that shows favourite links using office ui fabric panel. Fabric UI React components used include - panel, dialog, list and spinner.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-myfavourites",
"longDescription": [
"Sample SharePoint Framework application customizer extension that shows favourite links using office ui fabric panel. Fabric UI React components used include - panel, dialog, list and spinner."
],
"creationDateTime": "2020-04-14",
"updateDateTime": "2020-11-11",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.12.1"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-myfavourites/assets/spfx-myfavourites.gif",
"alt": "My Favourites Application Customizer"
}
],
"authors": [
{
"gitHubAccount": "anoopt",
"company": "Content +Cloud",
"pictureUrl": "https://avatars.githubusercontent.com/u/9694225?s=460&u=fbb4b27ed944935800d5f6dbc91e71911ce0d4ec&v=4",
"name": "Anoop Tatti",
"twitter": "anooptells"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-myfollowedsites",
"source": "pnp",
"title": "My Followed Sites Application Customizer",
"shortDescription": "Sample SharePoint Framework application customizer extension that shows current user followed sites across tenant using office ui fabric panel.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-myfollowedsites",
"longDescription": [
"Sample SharePoint Framework application customizer extension that shows current user followed sites across tenant using office ui fabric panel."
],
"creationDateTime": "2020-06-12",
"updateDateTime": "2020-06-12",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.12.1"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-myfollowedsites/assets/spfx-react-myFollowedSites.gif",
"alt": "My Followed Sites Application Customizer"
}
],
"authors": [
{
"gitHubAccount": "rahulsuryawanshi",
"company": "",
"pictureUrl": "https://github.com/rahulsuryawanshi.png",
"name": "Rahul Suryawanshi",
"twitter": "rahulsuryawansh"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-nav-search-driven",
"source": "pnp",
"title": "Search driven navigation",
"shortDescription": "SPFx application search driven navigation and permission side panel.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-qna-chat",
"longDescription": [
"SPFx application extension acting as top level search driven navigation and permission checker on the right within a panel."
],
"creationDateTime": "2023-07-27",
"updateDateTime": "2024-01-20",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.18.2"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-nav-search-driven/assets/01SearchDrivenNavigation.png",
"alt": "Menu navigation"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-nav-search-driven/assets/05SharingLinks.png",
"alt": "Side panel with permissions"
}
],
"authors": [
{
"gitHubAccount": "mmsharepoint",
"pictureUrl": "https://github.com/mmsharepoint.png",
"name": "Markus Moeller"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=M365-MVP-5004617"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=M365-MVP-5004617"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-news-ticker",
"source": "pnp",
"title": "News Ticker",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-news-ticker",
"shortDescription": "An SPFx Extension that displays news as a running text at the top of every modern page.",
"longDescription": [
"An SPFx Extension that displays news as a running text at the top of every modern page."
],
"creationDateTime": "2021-04-19",
"updateDateTime": "2022-11-11",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.15.2"
}
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-news-ticker/assets/react-application-news-ticker.gif",
"alt": "Extension in action"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-news-ticker/assets/react-application-news-ticker.png",
"alt": "Extension in action"
}
],
"authors": [
{
"gitHubAccount": "AriGunawan",
"pictureUrl": "https://github.com/AriGunawan.png",
"name": "Ari Gunawan"
}
],
"references": []
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-office-groups-nav",
"source": "pnp",
"title": "Modern Team Sites (Office Groups) Navigation",
"shortDescription": "The sample illustrates how to use AadHttpClient to request Groups information from Microsoft Graph",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-office-groups-nav",
"longDescription": [
"The sample illustrates how to use AadHttpClient to request Groups information from Microsoft Graph"
],
"creationDateTime": "2018-02-17",
"updateDateTime": "2018-02-17",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.4.1"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-office-groups-nav/assets/office-groups-nav.png",
"alt": "Modern Team Sites (Office Groups) Navigation"
}
],
"authors": [
{
"gitHubAccount": "AJIXuMuK",
"company": "Sharepointalist",
"pictureUrl": "https://avatars.githubusercontent.com/u/17036219?s=460&u=b8e83fb70a90eae0c0e0078c206990785e1a5b6f&v=4",
"name": "Alex Terentiev",
"twitter": "alexaterentiev"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-page-comments-sentiment",
"source": "pnp",
"title": "Application Customiser sample using Text Analytics API",
"shortDescription": "This sample shows how to use the Text Analytics API (Cognitive Services) to render a rating icon based on the different comments in page.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-page-comments-sentiment",
"longDescription": [
"This sample shows how to use the Text Analytics API (Cognitive Services) to render a rating icon based on the different comments in page."
],
"creationDateTime": "2020-03-06",
"updateDateTime": "2020-03-06",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.10.0"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-page-comments-sentiment/assets/react-application-page-comments-sentiment.png",
"alt": "Application Customiser sample using Text Analytics API"
}
],
"authors": [
{
"gitHubAccount": "luismanez",
"company": "ClearPeople",
"pictureUrl": "https://github.com/luismanez.png",
"name": "Luis Mañez"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-page-related-bing-news",
"source": "pnp",
"title": "Application Customiser sample using Bing Search API",
"shortDescription": "This sample shows how to use the Bing Search API (Cognitive Services) to get news article related with the current page. That relation is set using the value of a specific Managed metadata field in the page.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-page-related-bing-news",
"longDescription": [
"This sample shows how to use the Bing Search API (Cognitive Services) to get news article related with the current page. That relation is set using the value of a specific Managed metadata field in the page."
],
"creationDateTime": "2019-10-25",
"updateDateTime": "2019-10-25",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.9.1"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-page-related-bing-news/assets/related-bing-news.png",
"alt": "Application Customiser sample using Bing Search API"
}
],
"authors": [
{
"gitHubAccount": "luismanez",
"company": "ClearPeople",
"pictureUrl": "https://github.com/luismanez.png",
"name": "Luis Mañez"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-personal-assistant",
"source": "pnp",
"title": "Personal Assistant - OpenAI Function Calling with Microsoft Graph",
"shortDescription": "This sample is chatbot that provides information to the current logged in user.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-personal-assistant",
"longDescription": [
"This sample is chatbot that provides information to the current logged in user."
],
"creationDateTime": "2023-06-23",
"updateDateTime": "2023-06-23",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.17.3"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-personal-assistant/assets/demo.gif",
"alt": "Extension preview"
}
],
"authors": [
{
"gitHubAccount": "anoopt",
"pictureUrl": "https://github.com/anoopt.png",
"name": "Anoop Tatti"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-portal-footer",
"source": "pnp",
"title": "Portal Footer Application Customizers",
"shortDescription": "This application customizer provides you the ability to include a footer designed for communication sites.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-portal-footer",
"longDescription": [
"This application customizer provides you the ability to include a footer designed for communication sites."
],
"creationDateTime": "2019-01-12",
"updateDateTime": "2019-01-12",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.4.0"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/ext-portal-footer.gif",
"alt": "Portal Footer Application Customizers"
}
],
"authors": [
{
"gitHubAccount": "waldekmastykarz",
"company": "Microsoft",
"pictureUrl": "https://github.com/waldekmastykarz.png",
"name": "Waldek Mastykarz",
"twitter": "waldekm"
},
{
"gitHubAccount": "PaoloPia",
"company": "PiaSys.com",
"pictureUrl": "https://github.com/PaoloPia.png",
"name": "Paolo Pialorsi",
"twitter": "PaoloPia"
},
{
"gitHubAccount": "spdavid",
"company": "Zalo Solutions AB",
"pictureUrl": "https://github.com/spdavid.png",
"name": "David Opdendries"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-pva-bot",
"source": "pnp",
"title": "Power Virtual Agents Bot Host",
"shortDescription": "Adds footer to launch a Power Virtual Agents chatbot window from any page.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-pva-bot",
"longDescription": [
"Sample SharePoint Framework application customizer showing urgent organizational announcements."
],
"creationDateTime": "2021-06-06",
"updateDateTime": "2021-06-06",
"products": [
"SharePoint",
"Power Virtual Agents"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.11"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-pva-bot/assets/preview.gif",
"alt": "Preview"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-pva-bot/assets/authentication.gif",
"alt": "Authentication"
},
{
"type": "image",
"order": 102,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-pva-bot/assets/greeting.gif",
"alt": "Greeting"
}
],
"authors": [
{
"gitHubAccount": "hugoabernier",
"company": "Microsoft",
"pictureUrl": "https://github.com/hugoabernier.png",
"name": "Hugo Bernier",
"twitter": "bernierh"
},
{
"gitHubAccount": "DmitryVorobyov",
"company": "Microsoft",
"pictureUrl": "https://github.com/DmitryVorobyov.png",
"name": "Dmitry Vorobyov",
"twitter": "dmitryvrbyov"
},
{
"gitHubAccount": "renatoromao",
"pictureUrl": "https://github.com/renatoromao.png",
"name": "Renato Romão"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-qna-chat",
"source": "pnp",
"title": "QnA Chatbot",
"shortDescription": "SPFx application extension that uses Azure QnA cognitive services to efficiently answer FAQs.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-qna-chat",
"longDescription": [
"SPFx application extension that uses Azure QnA cognitive services to efficiently answer FAQs."
],
"creationDateTime": "2017-02-23",
"updateDateTime": "2017-02-23",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.4.1"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-qna-chat/assets/qnachatbot.png",
"alt": "QnA Chatbot"
}
],
"authors": [
{
"gitHubAccount": "na",
"pictureUrl": "https://github.com/RodrigoSilva.png",
"name": "Rodrigo Silva"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-regions-footer",
"source": "pnp",
"title": "Regions Footer Application Customizer",
"shortDescription": "Sample SharePoint Framework application customizer showing how to create a custom footer for modern pages, in order to show data about an area manager for a specific region.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-regions-footer",
"longDescription": [
"Sample SharePoint Framework application customizer showing how to create a custom footer for modern pages, in order to show data about an area manager for a specific region."
],
"creationDateTime": "2017-09-28",
"updateDateTime": "2017-09-28",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.3"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-regions-footer/assets/Regions-Footer.png",
"alt": "Regions Footer Application Customizer"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-application-regions-footer/assets/Regions-Footer-Config.png?raw=true",
"alt": "Regions Footer Application Customizer"
},
{
"type": "image",
"order": 102,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-application-regions-footer/assets/Regions-Footer-Taxonomy-Custom-Properties.png?raw=true",
"alt": "Regions Footer Application Customizer"
},
{
"type": "image",
"order": 103,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-application-regions-footer/assets/Regions-Footer-Taxonomy.png?raw=true",
"alt": "Regions Footer Application Customizer"
}
],
"authors": [
{
"gitHubAccount": "PaoloPia",
"company": "PiaSys.com",
"pictureUrl": "https://github.com/PaoloPia.png",
"name": "Paolo Pialorsi",
"twitter": "PaoloPia"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-search-dynamicdata",
"source": "pnp",
"title": "Connecting SPFx Extensions with Web Parts using Dynamic Data",
"shortDescription": "This example shows how to connect Spfx extensions with Spfx Webparts using Dynamic Data Feature",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-search-dynamicdata",
"longDescription": [
"This example shows how to connect Spfx extensions with Spfx Webparts using Dynamic Data Feature"
],
"creationDateTime": "2018-07-15",
"updateDateTime": "2018-07-15",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.5.0"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-search-dynamicdata/assets/samplepnpExtensions.gif",
"alt": "Connecting SPFx Extensions with Web Parts using Dynamic Data"
}
],
"authors": [
{
"gitHubAccount": "AdrianDiaz81",
"company": "SCRM",
"pictureUrl": "https://github.com/AdrianDiaz81.png",
"name": "Adrián Díaz"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-sitepagecoremetadata",
"source": "pnp",
"title": "Tenant Global NavBar",
"shortDescription": "Sample SharePoint Framework application customizer to display the core metadata of a Site Page such as Author,Editor, Created date and Modified date in the footer of the page.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-sitepagecoremetadata",
"longDescription": [
"Sample SharePoint Framework application customizer to display the core metadata of a Site Page such as Author,Editor, Created date and Modified date in the footer of the page."
],
"creationDateTime": "2018-08-15",
"updateDateTime": "2018-08-15",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.5"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-sitepagecoremetadata/assets/SitePageMetadataExtension.png",
"alt": "Tenant Global NavBar"
}
],
"authors": [
{
"gitHubAccount": "vipulkelkar",
"company": "Rapid Circle",
"pictureUrl": "https://github.com/vipulkelkar.png",
"name": "Vipul Kelkar"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-sites-hubsite-switcher",
"source": "pnp",
"title": "Sites in Hub site switcher",
"shortDescription": "This sample shows how to get the sites that are part of a Hub Site, and renders a drop down to jump directly into a site. The customiser only renders if the site is a Hub site.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-sites-hubsite-switcher",
"longDescription": [
"This sample shows how to get the sites that are part of a Hub Site, and renders a drop down to jump directly into a site. The customiser only renders if the site is a Hub site."
],
"creationDateTime": "2018-04-24",
"updateDateTime": "2018-04-24",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.4.1"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-sites-hubsite-switcher/assets/react-application-sites-hubsite-switcher.png",
"alt": "Sites in Hub site switcher"
}
],
"authors": [
{
"gitHubAccount": "luismanez",
"company": "ClearPeople",
"pictureUrl": "https://github.com/luismanez.png",
"name": "Luis Mañez"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-team-archived-notification",
"source": "pnp",
"title": "Displaying notification if a team is set as archived",
"shortDescription": "This sample demonstrates how to check is current team linked to team site set as archived from Microsoft Graph API. If team is archived, notification is diplayed to end-user on header placeholder.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-team-archived-notification",
"longDescription": [
"This sample demonstrates how to check is current team linked to team site set as archived from Microsoft Graph API. If team is archived, notification is diplayed to end-user on header placeholder."
],
"creationDateTime": "2019-01-02",
"updateDateTime": "2019-01-02",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "GA"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-team-archived-notification/assets/screenshot.png",
"alt": "Displaying notification if a team is set as archived"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-application-team-archived-notification/assets/deploy.png?raw=true",
"alt": "Displaying notification if a team is set as archived"
},
{
"type": "image",
"order": 102,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-application-team-archived-notification/assets/tenantwide.PNG?raw=true",
"alt": "Displaying notification if a team is set as archived"
}
],
"authors": [
{
"gitHubAccount": "mpaukkon",
"company": "",
"pictureUrl": "https://github.com/mpaukkon.png",
"name": "Matti Paukkonen"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-teams-chats-sharepoint",
"source": "pnp",
"title": "Embed Microsoft Teams chats in SharePoint pages",
"shortDescription": "Embed Microsoft Teams chats within SharePoint pages to streamline collaboration and information access for users.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-teams-chats-sharepoint",
"longDescription": [
"This SPFx extension was built to embed Microsoft Teams chats within SharePoint pages to streamline collaboration and information access for users. This application customizer takes advantage of a Microsoft Teams integration made by Microsoft for Edge where links shared in chats open with the conversation context next to it in the browser. Using this solution you can bring the same feature to your SharePoint pages."
],
"creationDateTime": "2023-10-19",
"updateDateTime": "2023-10-19",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.16.0"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://raw.githubusercontent.com/pnp/sp-dev-fx-extensions/main/samples/react-application-teams-chats-sharepoint/assets/Microsoft%20Teams%20chat%20in%20SharePoint%20sites.gif",
"alt": "Preview"
}
],
"authors": [
{
"gitHubAccount": "joaoferreira",
"pictureUrl": "https://github.com/joaoferreira.png",
"name": "João Ferreira"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-tenant-global-navbar",
"source": "pnp",
"title": "Tenant Global NavBar Application Customizer",
"shortDescription": "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.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-tenant-global-navbar",
"longDescription": [
"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."
],
"creationDateTime": "2017-09-28",
"updateDateTime": "2017-09-28",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.3"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-tenant-global-navbar/assets/Tenant-Global-NavBar.png",
"alt": "Tenant Global NavBar Application Customizer"
}
],
"authors": [
{
"gitHubAccount": "PaoloPia",
"company": "PiaSys.com",
"pictureUrl": "https://github.com/PaoloPia.png",
"name": "Paolo Pialorsi",
"twitter": "PaoloPia"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-tfl-status",
"source": "pnp",
"title": "Transport for London (TfL) Status",
"shortDescription": "This sample is chatbot that provides information about Transport for London (TfL) status.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-tfl-status",
"longDescription": [
"This sample is chatbot that provides information about Transport for London (TfL) status."
],
"creationDateTime": "2023-06-23",
"updateDateTime": "2023-06-23",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.17.5"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-tfl-status/assets/demo.gif",
"alt": "Preview"
}
],
"authors": [
{
"gitHubAccount": "Anoop Tatti",
"pictureUrl": "https://github.com/anoopt.png",
"name": "anoopt"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-weather-widget",
"source": "pnp",
"title": "Weather Application Customizer Extension",
"shortDescription": "SPFx Weather Application Customizer Extension in the top placeholder",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-weather-widget",
"longDescription": [
"SPFx Weather Application Customizer Extension in the top placeholder"
],
"creationDateTime": "2023-03-12",
"updateDateTime": "2023-03-12",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.16.1"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-weather-widget/assets/weatherwidget.PNG",
"alt": "Extension preview"
}
],
"authors": [
{
"gitHubAccount": "rishabhshukla12",
"pictureUrl": "https://github.com/rishabhshukla12.png",
"name": "Rishabh Shukla"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-application-webhooks-notification",
"source": "pnp",
"title": "Webhooks Notification Application Customizer",
"shortDescription": "Sample SharePoint Framework application customizer showing how to leverage the SharePoint webhooks capabilities, in order to show toast notifications. The libraries used by this solution are Socket.io, sp pnp js, moment.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-webhooks-notification",
"longDescription": [
"Sample SharePoint Framework application customizer showing how to leverage the SharePoint webhooks capabilities, in order to show toast notifications. The libraries used by this solution are Socket.io, sp pnp js, moment."
],
"creationDateTime": "2017-11-05",
"updateDateTime": "2017-11-05",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.3"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-webhooks-notification/assets/spfx-react-webhooks-notification.gif",
"alt": "Webhooks Notification Application Customizer"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-application-webhooks-notification/assets/Architecture.png?raw=true",
"alt": "Webhooks Notification Application Customizer"
}
],
"authors": [
{
"gitHubAccount": "giuleon",
"company": "",
"pictureUrl": "https://github.com/giuleon.png",
"name": "Giuliano De Luca",
"twitter": "delucagiulian"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-bot-framework-secure",
"source": "pnp",
"title": "Bot Framework Secure",
"shortDescription": "This sample will show you how to embed a Bot Framework bot into a SharePoint web site with security consideration.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-bot-framework-secure",
"longDescription": [
"This sample will show you how to embed a Bot Framework bot into a SharePoint web site with security consideration."
],
"creationDateTime": "2020-11-10",
"updateDateTime": "2020-11-10",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.9.1"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-bot-framework-secure/assets/sp-ex-secure.gif",
"alt": "Bot Framework Secure"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-bot-framework-secure/assets/EnhancedAuth.png?raw=true",
"alt": "Bot Framework Secure"
}
],
"authors": [
{
"gitHubAccount": "DingmaomaoBJTU",
"company": "Microsoft",
"pictureUrl": "https://github.com/DingmaomaoBJTU.png",
"name": "Qiong Wu"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-bot-framework-sso",
"source": "pnp",
"title": "Bot Framework SSO",
"shortDescription": "This sample will show you how to embed a Bot Framework bot into a SharePoint web site with SSO.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-bot-framework-sso",
"longDescription": [
"This sample will show you how to embed a Bot Framework bot into a SharePoint web site with SSO."
],
"creationDateTime": "2020-11-10",
"updateDateTime": "2020-11-10",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.10.0"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-bot-framework-sso/assets/sp-ex-sso.gif",
"alt": "Bot Framework SSO"
}
],
"authors": [
{
"gitHubAccount": "DingmaomaoBJTU",
"company": "Microsoft",
"pictureUrl": "https://github.com/DingmaomaoBJTU.png",
"name": "Qiong Wu"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-command-addfolders",
"source": "pnp",
"title": "Add Folders Command",
"shortDescription": "Sample SharePoint Framework list view command set extension to create folders that can be all at the current location (parallel) or nested (one after another).",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-addfolders",
"longDescription": [
"Sample SharePoint Framework list view command set extension to create folders that can be all at the current location (parallel) or nested (one after another)."
],
"creationDateTime": "2021-01-17",
"updateDateTime": "2021-01-17",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.11.0"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-addfolders/assets/preview.gif",
"alt": "Add Folders Command"
}
],
"authors": [
{
"gitHubAccount": "michaelmaillot",
"company": "onepoint",
"pictureUrl": "https://github.com/michaelmaillot.png",
"name": "Michaël Maillot"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-react-command-change-page-layouttype",
"source": "pnp",
"title": "Change Page Layout Command Extension",
"shortDescription": "Listview command extension that is available only for the Site Pages library to change the layout type. If the page is Article, it can be changed to Home which will remove the page title placeholder and vice versa.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-change-page-layouttype",
"longDescription": [
"Listview command extension that is available only for the Site Pages library to change the layout type. If the page is Article, it can be changed to Home which will remove the page title placeholder and vice versa."
],
"creationDateTime": "2021-10-25",
"updateDateTime": "2021-10-25",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.12.1"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-change-page-layouttype/assets/FileSelection.png",
"alt": "Preview"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-change-page-layouttype/assets/ChangeLayout-Dialog.png",
"alt": "Preview"
}
],
"authors": [
{
"gitHubAccount": "sudharsank",
"company": "NTT Ltd",
"pictureUrl": "https://github.com/sudharsank.png",
"name": "Sudharsan K."
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-command-convert-to-pdf",
"source": "pnp",
"title": "Save and convert as PDF by PnP",
"shortDescription": "A global list customizer which adds functionality to all document libraries in SharePoint Online to convert one or more documents in-place to PDF, or download one or more documents as a PDF. When selecting multiple documents for download they will be downloaded as a zip file. The converter uses built in API's of converting to PDF.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-convert-to-pdf",
"longDescription": [
"A global list customizer which adds functionality to all document libraries in SharePoint Online to convert one or more documents in-place to PDF, or download one or more documents as a PDF. When selecting multiple documents for download they will be downloaded as a zip file. The converter uses built in API's of converting to PDF."
],
"creationDateTime": "2021-02-23",
"updateDateTime": "2021-11-11",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.12.1"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-convert-to-pdf/screenshot.gif",
"alt": "Save and convert as PDF by PnP"
}
],
"authors": [
{
"gitHubAccount": "wobba",
"company": "Microsoft",
"pictureUrl": "https://github.com/wobba.png",
"name": "Mikael Svenson",
"twitter": "mikaelsvenson"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-react-command-copy-move-items",
"source": "pnp",
"title": "Copy/Move Item(s)",
"shortDescription": "Displays a command button named **Copy/Move Item(s)** in all the custom lists",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-copy-move-items",
"longDescription": [
"This application customizer will display a command button named **Copy/Move Item(s)** in all the custom lists. Using this option, the items can be copied or moved from one list to another within the site."
],
"creationDateTime": "2021-09-13",
"updateDateTime": "2021-09-13",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.11.1"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-copy-move-items/assets/CopyMoveItems.png",
"alt": "Preview"
}
],
"authors": [
{
"gitHubAccount": "sudharsank",
"company": "NTT Digital Business Solutions",
"pictureUrl": "https://github.com/sudharsank.png",
"name": "Sudharsan Kesavanarayanan",
"twitter": "sudharsank"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-react-command-copy-pnp-search-webpart-settings",
"source": "pnp",
"title": "Copy PnP search results webpart settings",
"shortDescription": "This list view command set, helps in copying the settings of the PnP search results web part present on a page to the settings of the PnP search results web part present on the selected pages.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-copy-pnp-search-webpart-settings",
"longDescription": [
"LONG DESCRIPTION"
],
"creationDateTime": "2021-06-11",
"updateDateTime": "2021-07-02",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.12.1"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-copy-pnp-search-webpart-settings/assets/copy_pnp_search_results_settings.gif",
"alt": "Preview"
}
],
"authors": [
{
"gitHubAccount": "anoopt",
"pictureUrl": "https://github.com/anoopt.png",
"name": "Anoop Tatti",
"twitter": "anooptells"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-command-custom-command-bar",
"source": "pnp",
"title": "Custom Command Bar Command Set Customizer",
"shortDescription": "The sample illustrates how to display custom Command Bar when Command Set Button is pressed.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-custom-command-bar",
"longDescription": [
"The sample illustrates how to display custom Command Bar when Command Set Button is pressed."
],
"creationDateTime": "2017-09-27",
"updateDateTime": "2017-09-27",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.2.0"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-custom-command-bar/assets/command-bar.png",
"alt": "Custom Command Bar Command Set Customizer"
}
],
"authors": [
{
"gitHubAccount": "AJIXuMuK",
"company": "Sharepointalist",
"pictureUrl": "https://avatars.githubusercontent.com/u/17036219?s=460&u=b8e83fb70a90eae0c0e0078c206990785e1a5b6f&v=4",
"name": "Alex Terentiev",
"twitter": "alexaterentiev"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-command-demote-news",
"source": "pnp",
"title": "Demote News to Page",
"shortDescription": "Sample SharePoint Framework list view command set extension to demote a previously promoted News page.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-demote-news",
"longDescription": [
"Sample SharePoint Framework list view command set extension to demote a previously promoted News page."
],
"creationDateTime": "2021-02-22",
"updateDateTime": "2021-02-22",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.11.0"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-demote-news/assets/preview.gif",
"alt": "Demote News to Page"
}
],
"authors": [
{
"gitHubAccount": "wobba",
"company": "Microsoft",
"pictureUrl": "https://github.com/wobba.png",
"name": "Mikael Svenson",
"twitter": "mikaelsvenson"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-command-dialog",
"source": "pnp",
"title": "Custom Dialog Sample with Command View Set",
"shortDescription": "This sample shows how to create Custom Dialogs using @microsoft/sp-dialog package in the context of Command View Set. You can use also custom dialogs with client-side web parts or with any SharePoint Framework component types.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-dialog",
"longDescription": [
"This sample shows how to create Custom Dialogs using @microsoft/sp-dialog package in the context of Command View Set. You can use also custom dialogs with client-side web parts or with any SharePoint Framework component types."
],
"creationDateTime": "2019-09-01",
"updateDateTime": "2019-09-01",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.2"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-dialog/assets/screenshot.png",
"alt": "Custom Dialog Sample with Command View Set"
}
],
"authors": [
{
"gitHubAccount": "msekkappan",
"company": "Microsoft",
"pictureUrl": "https://github.com/msekkappan.png",
"name": "Malathi Sekkappan"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-command-direct-link",
"source": "pnp",
"title": "Get a direct link to a document or folder",
"shortDescription": "Sample SharePoint Framework (SPFx) solution which gives the end-user the ability to just get a regular, simple link to a document or folder in the modern SharePoint document libraries. This is done using a CommandSet.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-direct-link",
"longDescription": [
"Sample SharePoint Framework (SPFx) solution which gives the end-user the ability to just get a regular, simple link to a document or folder in the modern SharePoint document libraries. This is done using a CommandSet."
],
"creationDateTime": "2019-01-06",
"updateDateTime": "2019-01-06",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.7.1"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://camo.githubusercontent.com/b65cbd290ecf800f79481174196e527ccb36aa15/68747470733a2f2f6a6f6e6173626a65726b652e66696c65732e776f726470726573732e636f6d2f323031392f30312f636f70796469726563746c696e6b2e706e673f773d343530",
"alt": "Get a direct link to a document or folder"
}
],
"authors": [
{
"gitHubAccount": "JonasBjerke89",
"pictureUrl": "https://github.com/JonasBjerke89.png",
"name": "Jonas Bjerke Hansen"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-command-directions",
"source": "pnp",
"title": "Directions SharePoint Framework list view command set",
"shortDescription": "Sample SharePoint Framework list view command set showing travel directions to the given location using Google Maps.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-directions",
"longDescription": [
"Sample SharePoint Framework list view command set showing travel directions to the given location using Google Maps."
],
"creationDateTime": "2017-06-29",
"updateDateTime": "2017-06-29",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.1.1"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-directions/assets/directions-preview.png",
"alt": "Directions SharePoint Framework list view command set"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-command-directions/assets/directions-driving-microsoft.png?raw=true",
"alt": "Directions SharePoint Framework list view command set"
}
],
"authors": [
{
"gitHubAccount": "waldekmastykarz",
"company": "Microsoft",
"pictureUrl": "https://github.com/waldekmastykarz.png",
"name": "Waldek Mastykarz",
"twitter": "waldekm"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-command-discuss-now",
"source": "pnp",
"title": "Discuss Now Command Set",
"shortDescription": "Sample SharePoint Framework command set showing how to create a new meeting to discuss about a document selected in the current list view of a document library.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-discuss-now",
"longDescription": [
"Sample SharePoint Framework command set showing how to create a new meeting to discuss about a document selected in the current list view of a document library."
],
"creationDateTime": "2018-07-18",
"updateDateTime": "2018-07-18",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.4.1"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-discuss-now/assets/Discuss-Now-Command-Set.png",
"alt": "Discuss Now Command Set"
}
],
"authors": [
{
"gitHubAccount": "PaoloPia",
"company": "PiaSys.com",
"pictureUrl": "https://github.com/PaoloPia.png",
"name": "Paolo Pialorsi",
"twitter": "PaoloPia"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-command-file-size-viewer",
"source": "pnp",
"title": "File Size Viewer sample with Command View Set",
"shortDescription": "This sample shows how to create Command View Set working with single and multiple files selection. Once selected some files, it will show file sizes representation using a React D3 TreeMap component. This sample also shows how to integrate D3.js third party components within SharePoint Framework.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-file-size-viewer",
"longDescription": [
"This sample shows how to create Command View Set working with single and multiple files selection. Once selected some files, it will show file sizes representation using a React D3 TreeMap component. This sample also shows how to integrate D3.js third party components within SharePoint Framework."
],
"creationDateTime": "2021-02-21",
"updateDateTime": "2021-02-21",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.11"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-file-size-viewer/assets/FileSizeViewer.gif",
"alt": "File Size Viewer sample with Command View Set"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-command-file-size-viewer/assets/CommandBar-2.png?raw=true",
"alt": "File Size Viewer sample with Command View Set"
},
{
"type": "image",
"order": 102,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-command-file-size-viewer/assets/CommandBar-3.png?raw=true",
"alt": "File Size Viewer sample with Command View Set"
},
{
"type": "image",
"order": 103,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-command-file-size-viewer/assets/CommandBar.png?raw=true",
"alt": "File Size Viewer sample with Command View Set"
},
{
"type": "image",
"order": 104,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-command-file-size-viewer/assets/File-Size-Viewer-SPFX-Extension-Selection.png?raw=true",
"alt": "File Size Viewer sample with Command View Set"
},
{
"type": "image",
"order": 105,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-command-file-size-viewer/assets/File-Size-Viewer-SPFX-Extension.png?raw=true",
"alt": "File Size Viewer sample with Command View Set"
}
],
"authors": [
{
"gitHubAccount": "jquintozamora",
"company": "",
"pictureUrl": "https://github.com/jquintozamora.png",
"name": "Jose Quinto"
},
{
"gitHubAccount": "sudharsank",
"company": "NTT Digital Business Solutions",
"pictureUrl": "https://github.com/sudharsank.png",
"name": "Sudharsan Kesavanarayanan",
"twitter": "sudharsank"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-command-folder-select",
"source": "pnp",
"title": "Folder Selection",
"shortDescription": "This extension creates a callout with a dropdown that allows users to select from a list of top level folders in a document library. After selecting the folder they can use the button to navigate to that folder.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-folder-select",
"longDescription": [
"This extension creates a callout with a dropdown that allows users to select from a list of top level folders in a document library. After selecting the folder they can use the button to navigate to that folder."
],
"creationDateTime": "2020-01-03",
"updateDateTime": "2020-01-03",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.9.1"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-folder-select/assets/folderselect.gif",
"alt": "Folder Selection"
}
],
"authors": [
{
"gitHubAccount": "zachroberts8668",
"company": "",
"pictureUrl": "https://github.com/zachroberts8668.png",
"name": "Zach Roberts"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-command-form-settings",
"source": "pnp",
"title": "Form Settings Command View Set",
"shortDescription": "This sample shows how you can redirect default SharePoint list forms (New,Edit,Display) to different pages.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-form-settings",
"longDescription": [
"This sample shows how you can redirect default SharePoint list forms (New,Edit,Display) to different pages."
],
"creationDateTime": "2019-06-30",
"updateDateTime": "2019-06-30",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.8"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-form-settings/assets/screenshot.gif",
"alt": "Form Settings Command View Set"
}
],
"authors": [
{
"gitHubAccount": "AhmadiRamin",
"company": "Content and Cloud",
"pictureUrl": "https://github.com/AhmadiRamin.png",
"name": "Ramin Ahmadi",
"twitter": "raminahmadi1986"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-command-get-thumbnail",
"source": "pnp",
"title": "Get Thumbnail List Item Command View Set",
"shortDescription": "This Command Set uses Microsoft Graph API to get the Thumbnail URL, of selected size (small, medium, large), for any file stored in a SharePoint Document Library.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-get-thumbnail",
"longDescription": [
"This Command Set uses Microsoft Graph API to get the Thumbnail URL, of selected size (small, medium, large), for any file stored in a SharePoint Document Library."
],
"creationDateTime": "2019-10-25",
"updateDateTime": "2019-10-25",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.9.1"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-get-thumbnail/assets/GetThumbnail.gif",
"alt": "Get Thumbnail List Item Command View Set"
}
],
"authors": [
{
"gitHubAccount": "aakashbhardwaj619",
"company": "Microsoft",
"pictureUrl": "https://avatars.githubusercontent.com/u/33526902?s=460&u=e780f4ef1da922c84f2c5c66c59cecbff2300581&v=4",
"name": "Aakash Bhardwaj",
"twitter": "aakash_316"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-command-image-editor",
"source": "pnp",
"title": "Image Editor Command Set",
"shortDescription": "This command set allows quick edit images located in Document Library.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-image-editor",
"longDescription": [
"This command set allows quick edit images located in Document Library."
],
"creationDateTime": "2020-06-16",
"updateDateTime": "2020-06-16",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.10.0"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-image-editor/assets/Screenshot1.png",
"alt": "Image Editor Command Set"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-command-image-editor/assets/Screenshot2.png?raw=true",
"alt": "Image Editor Command Set"
}
],
"authors": [
{
"gitHubAccount": "joaojmendes",
"company": "Storm Technology Ltd",
"pictureUrl": "https://github.com/joaojmendes.png",
"name": "João Mendes",
"twitter": "joaojmendes"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-command-mail-view-as-image",
"source": "pnp",
"title": "Mail Current View as Image",
"shortDescription": "Sample SharePoint Framework list view command set extension that emails the current view to selected (external or internal user) and also saves the same image in SharePoint. Uses html2canvas library, pnp spfx controls, pnp js and office fabric ui react.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-mail-view-as-image",
"longDescription": [
"Sample SharePoint Framework list view command set extension that emails the current view to selected (external or internal user) and also saves the same image in SharePoint. Uses html2canvas library, pnp spfx controls, pnp js and office fabric ui react."
],
"creationDateTime": "2018-11-13",
"updateDateTime": "2018-11-13",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.6"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-mail-view-as-image/demo/Mail_this_view.gif",
"alt": "Mail Current View as Image"
}
],
"authors": [
{
"gitHubAccount": "anoopt",
"company": "Content +Cloud",
"pictureUrl": "https://avatars.githubusercontent.com/u/9694225?s=460&u=fbb4b27ed944935800d5f6dbc91e71911ce0d4ec&v=4",
"name": "Anoop Tatti",
"twitter": "anooptells"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-command-manage-list-subscriptions",
"source": "pnp",
"title": "React-Manage-List-Subscriptions",
"shortDescription": "Demonstrates managing the list subscriptions (sharepoint webhooks) and action to renew the webhook expiration date using Rest calls.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-manage-list-subscriptions",
"longDescription": [
"With the use of Rest calls, this sample command set shows how to manage list subscriptions (SharePoint webhooks) and take action to extend the webhook expiration date. The commandset will be added to the lists and libraries and will only be shown if there are any list subscriptions available on the list. The subscriptions that are accessible are shown when you click on the Commandset. The 'Renew subscription' action can be used in accordance with the subscription's expiration date. Given that the default number of days is 180, the subscription's (webhook expiration renewal date) renewal date is set to 179 days. "
],
"creationDateTime": "2023-09-12",
"updateDateTime": "2023-09-12",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.17.4"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-manage-list-subscriptions/assets/ManageSubscription.png",
"alt": "Manage Subscriptions"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-manage-list-subscriptions/assets/SubscriptionPanel.gif",
"alt": "Subscription Panel"
},
{
"type": "image",
"order": 102,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-manage-list-subscriptions/assets/RenewSubscription.gif",
"alt": "Renewing webhook subscriptions"
}
],
"authors": [
{
"gitHubAccount": "NishkalankBezawada",
"pictureUrl": "https://github.com/NishkalankBezawada.png",
"name": "NIshkalank Bezawada"
}
],
"references": [
{
"name": "Build your first SharePoint client-side web part",
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
"url": "https://learn.microsoft.com/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
},
{
"name": "Get Subscription",
"description": "Get SharePoint webhook subscriptions",
"url": "https://learn.microsoft.com/sharepoint/dev/apis/webhooks/lists/get-subscription"
},
{
"name": "Update Subscription",
"description": "Update SharePoint webhook subscriptions",
"url": "https://learn.microsoft.com/sharepoint/dev/apis/webhooks/lists/update-subscription"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-command-page-model-pnpjs",
"source": "pnp",
"title": "Modern Page Model with PnP/PnPjs",
"shortDescription": "A SPFx extension using @pnp/sp that allow creating Modern Pages based on prefilled modern pages marked as \"Page Model\", inside the Site Pages Library, and code defined pages. Users can select a Modern page as Model just setting a custom property page named \"Is Model\" to \"Yes\". People often need to create periodically editorial pages with the same composition, sections structure and webpart configuration, in order to give users the same users experience between pages with different contents but with the same communicative purpose",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-page-model-pnpjs",
"longDescription": [
"A SPFx extension using @pnp/sp that allow creating Modern Pages based on prefilled modern pages marked as \"Page Model\", inside the Site Pages Library, and code defined pages. Users can select a Modern page as Model just setting a custom property page named \"Is Model\" to \"Yes\". People often need to create periodically editorial pages with the same composition, sections structure and webpart configuration, in order to give users the same users experience between pages with different contents but with the same communicative purpose"
],
"creationDateTime": "2019-03-23",
"updateDateTime": "2023-02-15",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.12.1"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-page-model-pnpjs/assets/use-Modern-Page-Template-extension.gif",
"alt": "Modern Page Model with PnP/PnPjs"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-command-page-model-pnpjs/assets/how-to-make-a-page-template-pnp.gif?raw=true",
"alt": "Modern Page Model with PnP/PnPjs"
}
],
"authors": [
{
"gitHubAccount": "fredupstair",
"company": "Avanade Italy",
"pictureUrl": "https://github.com/fredupstair.png",
"name": "Federico Porceddu"
},
{
"gitHubAccount": "mohammadamer",
"name": "Mohammad Amer",
"pictureUrl": "https://github.com/mohammadamer.png"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-command-print",
"source": "pnp",
"title": "Print List Item Command View Set",
"shortDescription": "This sample shows how you can print list items using different templates, site admin can add, edit or remove templates and users can print items based on those templates.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-print",
"longDescription": [
"This sample shows how you can print list items using different templates, site admin can add, edit or remove templates and users can print items based on those templates."
],
"creationDateTime": "2018-12-05",
"updateDateTime": "2018-12-05",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.7"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-print/assets/screenshot.gif",
"alt": "Print List Item Command View Set"
}
],
"authors": [
{
"gitHubAccount": "AhmadiRamin",
"company": "Content and Cloud",
"pictureUrl": "https://github.com/AhmadiRamin.png",
"name": "Ramin Ahmadi",
"twitter": "raminahmadi1986"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-command-qrcode",
"source": "pnp",
"title": "Generate QR Code List Item Command View Set",
"shortDescription": "Generates a printable QR code which links to a SharePoint list item.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-qrcode",
"longDescription": [
"Generates a printable QR code which links to a SharePoint list item."
],
"creationDateTime": "2019-09-01",
"updateDateTime": "2019-09-01",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.9.1"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-qrcode/assets/QRCode.gif",
"alt": "Generate QR Code List Item Command View Set"
}
],
"authors": [
{
"gitHubAccount": "hugoabernier",
"company": "Microsoft",
"pictureUrl": "https://github.com/hugoabernier.png",
"name": "Hugo Bernier",
"twitter": "bernierh"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-command-share-pnpjs",
"source": "pnp",
"title": "Multishare Command Extension with PnPJs",
"shortDescription": "The sample is an custom action only active when multiple items are selected.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-share-pnpjs",
"longDescription": [
"The sample is an custom action only active when multiple items are selected."
],
"creationDateTime": "2018-09-19",
"updateDateTime": "2018-09-19",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.6"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-share-pnpjs/assets/share.png",
"alt": "Multishare Command Extension with PnPJs"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-command-share-pnpjs/assets/shared.png?raw=true",
"alt": "Multishare Command Extension with PnPJs"
}
],
"authors": [
{
"gitHubAccount": "simonagren",
"company": "Sogeti",
"pictureUrl": "https://github.com/simonagren.png",
"name": "Simon Ågren"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-fx-extensions-react-command-share-to-teams",
"source": "pnp",
"title": "Associated Sites Links",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-share-to-teams",
"shortDescription": "Web part that will display links to all associated sites that registered to the current site. Current site should be a hub site.",
"longDescription": [
"Web part that will display links to all associated sites that registered to the current site.",
"Current site should be a hub site."
],
"creationDateTime": "2021-04-19",
"updateDateTime": "2022-11-11",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.15.2"
}
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-share-to-teams/assets/preview.PNG",
"alt": "Preview"
},
{
"type": "image",
"order": 200,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-share-to-teams/assets/fileNative.png",
"alt": "File Native"
},
{
"type": "image",
"order": 300,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-share-to-teams/assets/LibraryNative.png",
"alt": "Library Native"
},
{
"type": "image",
"order": 400,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-share-to-teams/assets/LIbraryPage.png",
"alt": "LIbrary Page"
},
{
"type": "image",
"order": 500,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-share-to-teams/assets/noPermissions.png",
"alt": "No Permissions"
},
{
"type": "image",
"order": 600,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-share-to-teams/assets/filePage.png",
"alt": "File Page"
}
],
"authors": [
{
"gitHubAccount": "russgove",
"pictureUrl": "https://github.com/russgove.png",
"name": "Russell Gove"
}
],
"references": []
},
{
"name": "pnp-sp-dev-spfx-extensions-react-command-singlepartapppage",
"source": "pnp",
"title": "configure a Page as Single App Part page",
"shortDescription": "Custom Command Set that set a Page layout to use the Single App Part page Layout",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-singlepartapppage",
"longDescription": [
"Custom Command Set that set a Page layout to use the Single App Part page Layout"
],
"creationDateTime": "2019-01-29",
"updateDateTime": "2022-01-12",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.14.0"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-singlepartapppage/assets/demo.gif",
"alt": "configure a Page as Single App Part page"
}
],
"authors": [
{
"gitHubAccount": "luismanez",
"company": "ClearPeople",
"pictureUrl": "https://github.com/luismanez.png",
"name": "Luis Mañez"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-command-vision-api",
"source": "pnp",
"title": "Image Metadata from Cognitive Services Vision API List View Command Set",
"shortDescription": "Custom Command Set that gets metadata information from MS Cognitive Services Vision API for the selected Image",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-command-vision-api",
"longDescription": [
"Custom Command Set that gets metadata information from MS Cognitive Services Vision API for the selected Image"
],
"creationDateTime": "2019-09-01",
"updateDateTime": "2019-09-01",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.9.1"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-command-vision-api/assets/react-command-vision-api.png",
"alt": "Image Metadata from Cognitive Services Vision API List View Command Set"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-command-vision-api/assets/js-command-vision-api.png?raw=true",
"alt": "Image Metadata from Cognitive Services Vision API List View Command Set"
}
],
"authors": [
{
"gitHubAccount": "luismanez",
"company": "ClearPeople",
"pictureUrl": "https://github.com/luismanez.png",
"name": "Luis Mañez"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-web-parts-react-company-templates",
"source": "pnp",
"title": "Company Templates",
"shortDescription": "An extension to provide a simple approach for company wide used templates in SharePoint Online.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-company-templates",
"downloadUrl": "https://pnp.github.io/download-partial/?url=https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-company-templates",
"longDescription": [
"This is an alternative to the built-in 'New document' experience in a document library in SharePoint Online. It allows a SharePoint admin to define a repository (such as a standard document library or an org assets library) which acts as a source of templates that can be used in every document library. Any user can browse through the collection of company templates, get an instance of the desired template(s) by one single click and start using it."
],
"creationDateTime": "2023-12-22",
"updateDateTime": "2024-04-06",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.17.4"
}
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/269ae2f269aadb35361ec657dd969bf730e79df8/samples/react-company-templates/assets/Demo.gif",
"alt": "Extension Preview"
}
],
"authors": [
{
"gitHubAccount": "tmaestrini",
"pictureUrl": "https://github.com/tmaestrini.png",
"name": "Tobias Maestrini"
},
{
"gitHubAccount": "Tanddant",
"pictureUrl": "https://github.com/Tanddant.png",
"name": "Dan Toft (Code Reviews)"
}
],
"references": [
{
"name": "ListView Command Set extension",
"description": "You can use SharePoint Framework (SPFx) Extensions to build list view command set extensions with the aim to extend the SharePoint command surfaces to add new actions, and provides client-side code that you can use to implement custom behaviors.",
"url": "https://learn.microsoft.com/en-us/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-dynamic-form-with-location-picker",
"source": "pnp",
"title": "Dynamic Form with location picker",
"shortDescription": "This solution implements a simple Form Customizer with a Dynamic Form with a location picker, to demonstrate the many usages of a Dynamic Form.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-dynamic-form-with-location-picker",
"longDescription": [
"This solution implements a simple Form Customizer with a Dynamic Form with a location picker, to demonstrate the many usages of a Dynamic Form."
],
"creationDateTime": "2023-06-28",
"updateDateTime": "2023-06-28",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "TypeScript,React"
},
{
"key": "SPFX-VERSION",
"value": "1.17.3"
}
],
"tags": [],
"categories": [
"SPFX-FORM-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-dynamic-form-with-location-picker/assets/dynamic-form-with-location-picker.gif",
"alt": "Dynamic Form with location picker solution"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-dynamic-form-with-location-picker/assets/dynamic-form-with-location-picker-screenshot.png",
"alt": "Dynamic Form with location picker solution"
}
],
"authors": [
{
"gitHubAccount": "martinlingstuyl",
"pictureUrl": "https://github.com/martinlingstuyl.png",
"name": "Martin Lingstuyl"
}
],
"references": [
{
"name": "Building a SharePoint New Site Form Look-Alike",
"description": "A post on building a SPFx Form Customizer with a Dynamic Site with field overrides to create an experience that looks like the default SharePoint new site form.",
"url": "https://www.blimped.nl/building-a-sharepoint-new-site-form-look-alike"
},
{
"name": "Getting started with SharePoint Framework",
"description": "Introduction about how to develop Microsoft 365 extensions using SharePoint Framework.",
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-developer-tenant"
},
{
"name": "Build your first Form Customizer extension",
"description": "Introduction about how to develop SharePoint Online form customizers using SharePoint Framework.",
"url": "https://learn.microsoft.com/en-us/sharepoint/dev/spfx/extensions/get-started/building-form-customizer"
},
{
"name": "Microsoft 365 Patterns and Practices",
"description": "Guidance, tooling, samples and open-source controls for your Microsoft 365 development.",
"url": "https://aka.ms/m365pnp"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-dynamic-site-form",
"source": "pnp",
"title": "Dynamic Site Form",
"shortDescription": "The Dynamic Site Form solution implements a Form Customizer with a Dynamic Form with field overrides to look like the default SharePoint new site form.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-dynamic-site-form",
"longDescription": [
"The Dynamic Site Form solution implements a Form Customizer with a SPFx Controls Dynamic Form to load the form. It has field overrides for URL and Group mailbox values to make the form look and act like the default SharePoint new site form."
],
"creationDateTime": "2023-06-22",
"updateDateTime": "2023-06-22",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "TypeScript,React"
},
{
"key": "SPFX-VERSION",
"value": "1.17.3"
}
],
"tags": [],
"categories": [
"SPFX-FORM-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-dynamic-site-form/assets/dynamic-site-form.gif",
"alt": "Dynamic Site Form solution"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-dynamic-site-form/assets/dynamic-site-form-screenshot.png",
"alt": "Dynamic Site Form solution"
}
],
"authors": [
{
"gitHubAccount": "martinlingstuyl",
"pictureUrl": "https://github.com/martinlingstuyl.png",
"name": "Martin Lingstuyl"
}
],
"references": [
{
"name": "Building a SharePoint New Site Form Look-Alike",
"description": "A post on building a SPFx Form Customizer with a Dynamic Site with field overrides to create an experience that looks like the default SharePoint new site form.",
"url": "https://www.blimped.nl/building-a-sharepoint-new-site-form-look-alike"
},
{
"name": "Getting started with SharePoint Framework",
"description": "Introduction about how to develop Microsoft 365 extensions using SharePoint Framework.",
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-developer-tenant"
},
{
"name": "Build your first Form Customizer extension",
"description": "Introduction about how to develop SharePoint Online form customizers using SharePoint Framework.",
"url": "https://learn.microsoft.com/en-us/sharepoint/dev/spfx/extensions/get-started/building-form-customizer"
},
{
"name": "Microsoft 365 Patterns and Practices",
"description": "Guidance, tooling, samples and open-source controls for your Microsoft 365 development.",
"url": "https://aka.ms/m365pnp"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-field-attachment-info",
"source": "pnp",
"title": "Field Attachment Info",
"shortDescription": "This field customizer will display the attachment related information for a listitem.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-field-attachment-info",
"longDescription": [
"This field customizer will display the attachment related information for a listitem."
],
"creationDateTime": "2020-04-02",
"updateDateTime": "2020-04-02",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.10.0"
}
],
"tags": [],
"categories": [
"SPFX-FIELD-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-field-attachment-info/assets/react-field-attachment-info.png",
"alt": "Field Attachment Info"
}
],
"authors": [
{
"gitHubAccount": "sudharsank",
"company": "NTT Digital Business Solutions",
"pictureUrl": "https://github.com/sudharsank.png",
"name": "Sudharsan Kesavanarayanan",
"twitter": "sudharsank"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first Field Customizer extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-field-customizer?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-field-pnp-field-renderer-helper",
"source": "pnp",
"title": "PnP Field Renderer Helper",
"shortDescription": "This field customizer shows how to use PnP FieldRendererHelper utility.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-field-pnp-field-renderer-helper",
"longDescription": [
"This field customizer shows how to use PnP FieldRendererHelper utility."
],
"creationDateTime": "2020-09-13",
"updateDateTime": "2020-09-13",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.11.0"
}
],
"tags": [],
"categories": [
"SPFX-FIELD-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-field-pnp-field-renderer-helper/assets/FieldRendererHelper.gif",
"alt": "PnP Field Renderer Helper"
}
],
"authors": [
{
"gitHubAccount": "AJIXuMuK",
"company": "Sharepointalist",
"pictureUrl": "https://avatars.githubusercontent.com/u/17036219?s=460&u=b8e83fb70a90eae0c0e0078c206990785e1a5b6f&v=4",
"name": "Alex Terentiev",
"twitter": "alexaterentiev"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first Field Customizer extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-field-customizer?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-field-pnp-file-type-renderer",
"source": "pnp",
"title": "PnP File Type Renderer",
"shortDescription": "This field customizer shows how to use PnP FieldFileTypeRenderer controls.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-field-pnp-file-type-renderer",
"longDescription": [
"This field customizer shows how to use PnP FieldFileTypeRenderer controls."
],
"creationDateTime": "2020-10-01",
"updateDateTime": "2020-10-01",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.11.0"
}
],
"tags": [],
"categories": [
"SPFX-FIELD-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-field-pnp-file-type-renderer/assets/file-type-renderer.png",
"alt": "PnP File Type Renderer"
}
],
"authors": [
{
"gitHubAccount": "AJIXuMuK",
"company": "Sharepointalist",
"pictureUrl": "https://avatars.githubusercontent.com/u/17036219?s=460&u=b8e83fb70a90eae0c0e0078c206990785e1a5b6f&v=4",
"name": "Alex Terentiev",
"twitter": "alexaterentiev"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first Field Customizer extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-field-customizer?WT.mc_id=m365-15741-cxa"
2024-08-09 10:24:41 -04:00
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-field-reporting",
"source": "pnp",
2024-08-31 18:11:58 -04:00
"title": "React Document Reporting Field Customizer",
"shortDescription": "A React-based SPFx application for monitoring user activity within SharePoint documents.",
2024-08-09 10:24:41 -04:00
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-field-reporting",
"longDescription": [
2024-08-31 18:11:58 -04:00
"This application logs details about who has opened a document into Application Insights and displays real-time reporting data in tabular and chart formats."
2024-08-09 10:24:41 -04:00
],
"creationDateTime": "2023-12-25",
"updateDateTime": "2023-12-31",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.16.1"
}
],
"tags": [],
"categories": [
"SPFX-FIELD-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-field-reporting/assets/app-charts.png",
"alt": "Preview"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-field-reporting/assets/app-column.png",
"alt": "Preview"
},
{
"type": "image",
"order": 102,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-field-reporting/assets/app-results.png",
"alt": "Preview"
},
{
"type": "image",
"order": 103,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-field-reporting/assets/app-webpart-configs.png",
"alt": "Preview"
}
],
"authors": [
{
"gitHubAccount": "ejazhussain",
"pictureUrl": "https://github.com/ejazhussain.png",
"name": "Ejaz Hussain"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-field-slider",
"source": "pnp",
"title": "Slider Field Customizer",
"shortDescription": "The sample illustrates how to use Office UI Fabric React Slider in Field Customizer with permissions-base inline editing",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-field-slider",
"longDescription": [
"The sample illustrates how to use Office UI Fabric React Slider in Field Customizer with permissions-base inline editing"
],
"creationDateTime": "2017-08-30",
"updateDateTime": "2017-08-30",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.2.0"
}
],
"tags": [],
"categories": [
"SPFX-FIELD-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-field-slider/assets/slider.png",
"alt": "Slider Field Customizer"
}
],
"authors": [
{
"gitHubAccount": "AJIXuMuK",
"company": "Sharepointalist",
"pictureUrl": "https://avatars.githubusercontent.com/u/17036219?s=460&u=b8e83fb70a90eae0c0e0078c206990785e1a5b6f&v=4",
"name": "Alex Terentiev",
"twitter": "alexaterentiev"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first Field Customizer extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-field-customizer?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-field-text-analytics-api",
"source": "pnp",
"title": "Field Customiser sample using Text Analytics API",
"shortDescription": "This sample shows how to use the Text Analytics API (Cognitive Services) to render a sentiment icon based on the text of a field in the List. The language is also auto-detected using the API, so it works with text based in any language supported by the API.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-field-text-analytics-api",
"longDescription": [
"This sample shows how to use the Text Analytics API (Cognitive Services) to render a sentiment icon based on the text of a field in the List. The language is also auto-detected using the API, so it works with text based in any language supported by the API."
],
"creationDateTime": "2018-01-18",
"updateDateTime": "2018-01-18",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.4.0"
}
],
"tags": [],
"categories": [
"SPFX-FIELD-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-field-text-analytics-api/assets/react-field-text-analytics-api.png",
"alt": "Field Customiser sample using Text Analytics API"
}
],
"authors": [
{
"gitHubAccount": "luismanez",
"company": "ClearPeople",
"pictureUrl": "https://github.com/luismanez.png",
"name": "Luis Mañez"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first Field Customizer extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-field-customizer?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-field-toggle",
"source": "pnp",
"title": "Toggle Field Customizer",
"shortDescription": "In this sample is possible to see how to implement Office UI Fabric React Toggle for the field yes/no through SPFx Extensions Field Customizers to modify in a quick way (inline editing) a list without opening the list item.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-field-toggle",
"longDescription": [
"In this sample is possible to see how to implement Office UI Fabric React Toggle for the field yes/no through SPFx Extensions Field Customizers to modify in a quick way (inline editing) a list without opening the list item."
],
"creationDateTime": "2017-10-04",
"updateDateTime": "2017-10-04",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.3.0"
}
],
"tags": [],
"categories": [
"SPFX-FIELD-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-field-toggle/assets/react-field-toggle.gif",
"alt": "Toggle Field Customizer"
}
],
"authors": [
{
"gitHubAccount": "giuleon",
"company": "",
"pictureUrl": "https://github.com/giuleon.png",
"name": "Giuliano De Luca",
"twitter": "delucagiulian"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first Field Customizer extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-field-customizer?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-field-unique-permissions",
"source": "pnp",
"title": "Unique permissions on list items",
"shortDescription": "This sample demonstrates how to use field customizer to handle unique permissions on list items. ",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-field-unique-permissions",
"longDescription": [
"This sample demonstrates how to use field customizer to handle unique permissions on list items."
],
"creationDateTime": "2023-06-23",
"updateDateTime": "2023-06-23",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.17.2"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-field-unique-permissions/assets/currentUserPermissions.png",
"alt": "Extension preview"
}
],
"authors": [
{
"gitHubAccount": "mkm17",
"pictureUrl": "https://github.com/mkm17.png",
"name": "Michał Kornet"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-field-user-permission",
"source": "pnp",
"title": "Displaying the current user permission with PNPJs",
"shortDescription": "This sample shows how to use PNPJs to get the current users permission on the specific list item. Then a corresponding icon and text is shown in the field. For this sample I'm using simplified roles, so the code is is only checking for edit or read permissions.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-field-user-permission",
"longDescription": [
"This sample shows how to use PNPJs to get the current users permission on the specific list item. Then a corresponding icon and text is shown in the field. For this sample I'm using simplified roles, so the code is is only checking for edit or read permissions."
],
"creationDateTime": "2018-10-12",
"updateDateTime": "2018-10-12",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.6"
}
],
"tags": [],
"categories": [
"SPFX-FIELD-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-field-user-permission/assets/react-field-user-permission.png",
"alt": "Displaying the current user permission with PNPJs"
}
],
"authors": [
{
"gitHubAccount": "simonagren",
"company": "Sogeti",
"pictureUrl": "https://github.com/simonagren.png",
"name": "Simon Ågren"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first Field Customizer extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-field-customizer?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-field-votes",
"source": "pnp",
"title": "Field Votes",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-field-votes",
"shortDescription": "An extension that displays Vote counter and button to vote or unvote.",
"longDescription": [
"An extension that displays Vote counter and button to vote or unvote.",
"If the current user hasn't been voted, the button will become Vote button but if the current user has been voted, it will become Unvote button."
],
"creationDateTime": "2021-04-19",
"updateDateTime": "2023-10-08",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "Javascript"
},
{
"key": "SPFX-VERSION",
"value": "1.15.2"
}
],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"authors": [
{
"gitHubAccount": "AriGunawan",
"pictureUrl": "https://github.com/AriGunawan.png",
"name": "Ari Gunawan"
}
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-field-votes/assets/preview.gif",
"alt": "Preview"
}
],
"references": []
},
{
"name": "pnp-sp-dev-fx-extensions-react-formcustomizer-customers",
"source": "pnp",
"title": "React Form Customizer (Customers)",
"shortDescription": "A sample of an SPFx Form Customizer built with React for managing items of a custom list of customers.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-formcustomizer-customers",
"longDescription": [
"This SPFx form customizer build custom New, Edit and View list forms for a Customers List."
],
"creationDateTime": "2022-11-09",
"updateDateTime": "2022-11-09",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.15.0"
}
],
"categories": [
"SPFX-FORM-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-formcustomizer-customers/assets/viewform.png",
"alt": "View Form"
},
{
"type": "image",
"order": 200,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-formcustomizer-customers/assets/newform.png",
"alt": "New Form"
},
{
"type": "image",
"order": 300,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-formcustomizer-customers/assets/editform.png",
"alt": "Edit Form"
}
],
"authors": [
{
"gitHubAccount": "ejazhussain",
"company": "Content & Cloud",
"pictureUrl": "https://github.com/ejazhussain.png",
"name": "Ejaz Hussain",
"twitter": "EjazHussain_"
}
],
"references": [
{
"name": "Getting started with SharePoint Framework",
"description": "Introduction about how to develop Microsoft 365 extensions using SharePoint Framework.",
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-developer-tenant"
},
{
"name": "Build your first Form Customizer extension",
"description": "Introduction about how to develop SharePoint Online form customizers using SharePoint Framework.",
"url": "https://learn.microsoft.com/en-us/sharepoint/dev/spfx/extensions/get-started/building-form-customizer"
},
{
"name": "Microsoft 365 Patterns and Practices",
"description": "Guidance, tooling, samples and open-source controls for your Microsoft 365 development.",
"url": "https://aka.ms/m365pnp"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-hidefrom-externalusers",
"source": "pnp",
"title": "Application Customizer Extension that is hidden from tenant guest users",
"shortDescription": "This sample shows how Application Customizer can be hidden from tenant external users. This is often the ask from the business when a SharePoint Framework App customizer or a web part has internal links that would be broken if a guest user attempts to access any or them.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-hidefrom-externalusers",
"longDescription": [
"This sample shows how Application Customizer can be hidden from tenant external users. This is often the ask from the business when a SharePoint Framework App customizer or a web part has internal links that would be broken if a guest user attempts to access any or them."
],
"creationDateTime": "2023-09-16",
"updateDateTime": "2023-09-16",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.8.2"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-hidefrom-externalusers/assets/SharePoint-hidefrom-guest-user.gif",
"alt": "Application Customizer Extension that is hidden from tenant guest users"
}
],
"authors": [
{
"gitHubAccount": "Mahyar915",
"pictureUrl": "https://github.com/Mahyar915.png",
"name": "Mohammad Mahyar Pourabdollah Khadar"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-item-History",
"source": "pnp",
"title": "Item History",
"shortDescription": "This listview command is used to show the past versions of the selected list item in a grid.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-item-History",
"longDescription": [
"This listview command is used to show the past versions of the selected list item in a grid."
],
"creationDateTime": "2018-06-15",
"updateDateTime": "2018-06-15",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.4.1"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-item-History/Capture.PNG",
"alt": "Item History"
}
],
"authors": [
{
"gitHubAccount": "russgove",
"company": "",
"pictureUrl": "https://github.com/russgove.png",
"name": "Russell Gove"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-jump-to-folder",
"source": "pnp",
"title": "Jump to folder extension",
"shortDescription": "Sample solution that facilitates navigation between large collections of SharePoint library folders.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-jump-to-folder",
"longDescription": [
"Sample solution that facilitates navigation between large collections of SharePoint library folders."
],
"creationDateTime": "2021-03-15",
"updateDateTime": "2021-03-15",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.10.0"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-jump-to-folder/assets/jump-to-folder.gif",
"alt": "Jump to folder extension"
}
],
"authors": [
{
"gitHubAccount": "joelfmrodrigues",
"company": "Storm Technology",
"pictureUrl": "https://github.com/joelfmrodrigues.png",
"name": "Joel Rodrigues",
"twitter": "joelfmrodrigues"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-mega-menu",
"source": "pnp",
"title": "Mega Menu Application Customizer Extension",
"shortDescription": "This sample shows site mega menu. Application customizer is used along with SharePoint List to store the menu items.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-mega-menu",
"longDescription": [
"This sample shows site mega menu. Application customizer is used along with SharePoint List to store the menu items."
],
"creationDateTime": "2018-12-10",
"updateDateTime": "2018-12-10",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.7.0"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-mega-menu/assets/menu.gif",
"alt": "Mega Menu Application Customizer Extension"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-mega-menu/assets/menu2.gif?raw=true",
"alt": "Mega Menu Application Customizer Extension"
}
],
"authors": [
{
"gitHubAccount": "VelinGeorgiev",
"company": "",
"pictureUrl": "https://github.com/VelinGeorgiev.png",
"name": "Velin Georgiev"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-menu-footer-classic-modern",
"source": "pnp",
"title": "Menu Footer Classic Modern",
"shortDescription": "This is a sample showing how to create custom headers and footers that work on classic pages using JavaScript injection, and on modern pages using a SharePoint Framework Application Customizer extension.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-menu-footer-classic-modern",
"longDescription": [
"This is a sample showing how to create custom headers and footers that work on classic pages using JavaScript injection, and on modern pages using a SharePoint Framework Application Customizer extension."
],
"creationDateTime": "2018-04-04",
"updateDateTime": "2018-04-04",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.4.1"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-menu-footer-classic-modern/Documentation/images/ClassicFullHeaderFooter.png",
"alt": "Menu Footer Classic Modern"
}
],
"authors": [
{
"gitHubAccount": "BobGerman",
"company": "Microsoft",
"pictureUrl": "https://avatars.githubusercontent.com/u/4664072?s=460&u=29310fd67417ec5f81dc8881dc6eb5dc0065da2d&v=4",
"name": "Bob German",
"twitter": "Bob1German"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-modern-version-history",
"source": "pnp",
"title": "Modern Version History",
"shortDescription": "An extension modernizing the version history experience in SharePoint Online.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-modern-version-history",
"downloadUrl": "https://pnp.github.io/download-partial/?url=https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-modern-version-history",
"longDescription": [
"This is an extension of the version history experience in SharePoint Online. It allows you to see the version history of a file in a modern experience, compare different versions, and restore a previous version."
],
"creationDateTime": "2023-09-01",
"updateDateTime": "2023-10-02",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.17.4"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-modern-version-history/assets/Demo.gif",
"alt": "Web Part Preview"
}
],
"authors": [
{
"gitHubAccount": "Tanddant",
"pictureUrl": "https://github.com/Tanddant.png",
"name": "Dan Toft"
},
{
"gitHubAccount": "kasuken",
"pictureUrl": "https://github.com/kasuken.png",
"name": "Emanuele Bartolesi"
},
{
"gitHubAccount": "tmaestrini",
"pictureUrl": "https://github.com/tmaestrini.png",
"name": "Tobias Maestrini"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-msal-bot",
"source": "pnp",
"title": "MSAL Bot Extension",
"shortDescription": "This sample demonstrates how to integrate a bot within a SharePoint Online portal supporting authentication to access Azure AD protected APIs like Microsoft graph resources. Behind the scenes, this sample implements the OAuth2 implicit grant flow using the MSAL JavaScript library.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-msal-bot",
"longDescription": [
"This sample demonstrates how to integrate a bot within a SharePoint Online portal supporting authentication to access Azure AD protected APIs like Microsoft graph resources. Behind the scenes, this sample implements the OAuth2 implicit grant flow using the MSAL JavaScript library."
],
"creationDateTime": "2018-08-04",
"updateDateTime": "2018-08-04",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.5.1"
}
],
"tags": [],
"categories": [
"SPFX-APPLICATION-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-msal-bot/images/react-msal-bot.gif",
"alt": "MSAL Bot Extension"
}
],
"authors": [
{
"gitHubAccount": "FranckyC",
"company": "Aequos",
"pictureUrl": "https://github.com/FranckyC.png",
"name": "Franck Cornu"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-send-document",
"source": "pnp",
"title": "Send Document With E-Mail",
"shortDescription": "This sample shows how to create Custom Dialogs using @microsoft/sp-dialog package in the context of Command View Set and send selected document with e-mail.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-send-document",
"longDescription": [
"This sample shows how to create Custom Dialogs using @microsoft/sp-dialog package in the context of Command View Set and send selected document with e-mail."
],
"creationDateTime": "2019-02-10",
"updateDateTime": "2019-02-10",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.7"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-send-document/assets/preview.PNG",
"alt": "Send Document With E-Mail"
}
],
"authors": [
{
"gitHubAccount": "serdarketenci",
"company": "",
"pictureUrl": "https://github.com/serdarketenci.png",
"name": "Serdar Ketenci"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-send-to-teams",
"source": "pnp",
"title": "Send-To-Teams - Command Set",
"shortDescription": "This Command Set allows to create an adaptive card based on list data and send to microsoft teams chanel, The user can select the list fields that will show on the card.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-send-to-teams",
"longDescription": [
"This Command Set allows to create an adaptive card based on list data and send to microsoft teams chanel, The user can select the list fields that will show on the card."
],
"creationDateTime": "2021-04-05",
"updateDateTime": "2021-04-05",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
"value": "1.11.0"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-send-to-teams/assets/SendToTeams.gif",
"alt": "Send-To-Teams - Command Set"
},
{
"type": "image",
"order": 101,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-send-to-teams/assets/sendToTeams01.png?raw=true",
"alt": "Send-To-Teams - Command Set"
},
{
"type": "image",
"order": 102,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-send-to-teams/assets/sendToTeams02.png?raw=true",
"alt": "Send-To-Teams - Command Set"
},
{
"type": "image",
"order": 103,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-send-to-teams/assets/sendToTeams03.png?raw=true",
"alt": "Send-To-Teams - Command Set"
},
{
"type": "image",
"order": 104,
"url": "https://github.com/pnp/sp-dev-fx-extensions/blob/main/samples/react-send-to-teams/assets/sendToTeams05.png?raw=true",
"alt": "Send-To-Teams - Command Set"
}
],
"authors": [
{
"gitHubAccount": "joaojmendes",
"company": "Storm Technology Ltd",
"pictureUrl": "https://github.com/joaojmendes.png",
"name": "João Mendes",
"twitter": "joaojmendes"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Build your first ListView Command Set extension",
"description": "Extensions are client-side components that run inside the context of a SharePoint page. Extensions can be deployed to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api?WT.mc_id=m365-15741-cxa"
}
]
},
{
"name": "pnp-sp-dev-spfx-extensions-react-utility-extensions",
"source": "pnp",
"title": "Copy Path and Copy Name List view command set extensions",
"shortDescription": "List view command set extensions with below functionalities: Copy Path and Copy Name.",
"url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-utility-extensions",
"longDescription": [
"List view command set extensions with below functionalities:",
"1. Copy Path allows to copy the path of the document without breaking the permission inheritance.",
"2. Copy Name allows to copy the name of the document without using the currently available rename functionality."
],
"creationDateTime": "2023-10-04",
2024-09-19 08:54:17 -04:00
"updateDateTime": "2024-08-28",
"products": [
"SharePoint"
],
"metadata": [
{
"key": "CLIENT-SIDE-DEV",
"value": "React"
},
{
"key": "SPFX-VERSION",
2024-09-19 08:54:17 -04:00
"value": "1.19.0"
}
],
"tags": [],
"categories": [
"SPFX-COMMAND-EXTENSION"
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-utility-extensions/assets/CopyPathCopyNameExtenstions.png",
"alt": "Preview"
}
],
"authors": [
{
"gitHubAccount": "HarminderSethi",
"pictureUrl": "https://github.com/HarminderSethi.png",
"name": "Harminder Singh"
}
],
"references": [
{
"name": "Overview of SharePoint Framework Extensions",
"description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
},
{
"name": "Use page placeholders from Application Customizer",
"description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
"url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
}
]
}
]