diff --git a/samples/js-myflows/README.md b/samples/js-myflows/README.md index c1914f026..71f1f18d2 100755 --- a/samples/js-myflows/README.md +++ b/samples/js-myflows/README.md @@ -21,10 +21,15 @@ ![directory](/samples/js-myflows/assets/Screenshot4.png) +# Compatibility -## Used SharePoint Framework Version - -![drop](https://img.shields.io/badge/SPFx-1.8.2-green.svg) +![SPFx 1.8.2](https://img.shields.io/badge/SPFx-1.8.2-green.svg) +![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/js-propertycontrols-svg/README.md b/samples/js-propertycontrols-svg/README.md index 5d0069df8..2c0310e4a 100644 --- a/samples/js-propertycontrols-svg/README.md +++ b/samples/js-propertycontrols-svg/README.md @@ -6,9 +6,16 @@ An SPFx web part that displays a Scalable Vector Graphics (SVG) image using prop ![picture of the web part in action](./assets/js-propertycontrols-svg.gif) -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/SPFx-1.3.4-green.svg) +# Compatibility + +![SPFx 1.3.4](https://img.shields.io/badge/SPFx-1.3.4-green.svg) +![Node.js v6](https://img.shields.io/badge/Node.js-v6-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Compatible with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Which PnP SPFx controls are being used in this sample? diff --git a/samples/js-public-unjoined-teams/README.md b/samples/js-public-unjoined-teams/README.md index fbafcdf19..58cbe1ed2 100644 --- a/samples/js-public-unjoined-teams/README.md +++ b/samples/js-public-unjoined-teams/README.md @@ -5,8 +5,16 @@ This web part lists all the public teams the current user is not yet a member of ![picture of the web part in action](./assets/js-public-unjoined-teams.gif) -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/SPFx-1.7.1-green.svg) + +# Compatibility + +![SPFx 1.7.1](https://img.shields.io/badge/SPFx-1.7.1-green.svg) +![Node.js v8](https://img.shields.io/badge/Node.js-v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/js-theme-manager-2019/README.md b/samples/js-theme-manager-2019/README.md index 520ec2e4a..2856524d1 100644 --- a/samples/js-theme-manager-2019/README.md +++ b/samples/js-theme-manager-2019/README.md @@ -13,8 +13,16 @@ NOTE: This is a great option to provide theme management of a Site Collection wi ![preview](./assets/apply-a-theme.png) -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/drop-1.8.2-orange.svg) + +# Compatibility + +![SPFx 1.8.2](https://img.shields.io/badge/SPFx-1.8.2-green.svg) +![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-app-settings/README.md b/samples/react-app-settings/README.md index 6d83f1ffb..15dacc3be 100644 --- a/samples/react-app-settings/README.md +++ b/samples/react-app-settings/README.md @@ -26,8 +26,16 @@ That allows better DevOps and continuous integration (CI/CD) automation. The App Azure DevOps pipelines configurations are included to demonstrate how the AppSettings.ts values can be changed per different environments. Please refer to the `devops/configurations` folder to see how this can be setup for your pipeline. -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/drop-1.7.1-green.svg) + +# Compatibility + +![SPFx 1.7.1](https://img.shields.io/badge/SPFx-1.7.1-green.svg) +![Node.js v8](https://img.shields.io/badge/Node.js-v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-async-await-sp-pnp-js/README.md b/samples/react-async-await-sp-pnp-js/README.md index 051e944eb..1043846ee 100644 --- a/samples/react-async-await-sp-pnp-js/README.md +++ b/samples/react-async-await-sp-pnp-js/README.md @@ -22,9 +22,15 @@ This web part demonstrates how to use [PnPJS](https://pnp.github.io/pnpjs/) with ![React-sp-pnp-js-async-await](./assets/async-await-sp-pnp-js.png) -## Used SharePoint Framework Version +# Compatibility -![drop](https://img.shields.io/badge/drop-1.4.1-green.svg) +![SPFx 1.4.1](https://img.shields.io/badge/SPFx-1.4.1-green.svg) +![Node.js v8 | v6](https://img.shields.io/badge/Node.js-v8%20%7C%20v6-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Compatible with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Compatible-green.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-avatar/README.md b/samples/react-avatar/README.md index 84b9b8952..db25915c1 100644 --- a/samples/react-avatar/README.md +++ b/samples/react-avatar/README.md @@ -14,9 +14,16 @@ This is a sample web part that helps user create their avatar and save as profil * Download Avatar as PNG file. -## Used SharePoint Framework Version - -![SPFx 1.11](https://img.shields.io/badge/SPFx-1.11.0-green.svg) + +# Compatibility + +![SPFx 1.11.1](https://img.shields.io/badge/SPFx-1.11.1-green.svg) +![Node.js v10](https://img.shields.io/badge/Node.js-v10-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-bot-framework-secure/README.md b/samples/react-bot-framework-secure/README.md index d4a7ba7b4..16f5f1489 100644 --- a/samples/react-bot-framework-secure/README.md +++ b/samples/react-bot-framework-secure/README.md @@ -18,9 +18,16 @@ This demo does not include any threat models and is designed for educational pur ![react-bot-framework-secure](./assets/sp-wp-secure.gif) -## Used SharePoint Framework Version -![1.0](https://img.shields.io/badge/SPFx-1.0-green.svg) +# Compatibility + +![SPFx 1.0.0](https://img.shields.io/badge/SPFx-1.0.0-green.svg) +![Node.js v6](https://img.shields.io/badge/Node.js-v6-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Compatible with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Compatible-green.svg) +![Compatible with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Compatible-green.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-check-flows/README.md b/samples/react-check-flows/README.md index a84237f81..a35bf1cf6 100644 --- a/samples/react-check-flows/README.md +++ b/samples/react-check-flows/README.md @@ -9,9 +9,16 @@ This web part lists all the automated Flows associated with a SharePoint List/ L **Note:** The web part only displays the flows which are shared with the current user and reside in the default environment. -## Used SharePoint Framework Version -![version](https://img.shields.io/badge/SPFx-1.9.1-green.svg) +# Compatibility + +![SPFx 1.9.1](https://img.shields.io/badge/SPFx-1.9.1-green.svg) +![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Minimal Path to Awesome diff --git a/samples/react-company-stories/README.md b/samples/react-company-stories/README.md index ee251c009..e0282dbf7 100644 --- a/samples/react-company-stories/README.md +++ b/samples/react-company-stories/README.md @@ -6,9 +6,16 @@ This web part allows you to add images to a SharePoint List, and renders them wi ![react-company-stories](./assets/react-company-stories.gif) -## Used SharePoint Framework Version -![version](https://img.shields.io/badge/SPFx-1.11-green.svg) +# Compatibility + +![SPFx 1.11](https://img.shields.io/badge/SPFx-1.11-green.svg) +![Node.js v10](https://img.shields.io/badge/Node.js-v10-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to @@ -50,8 +57,8 @@ Version|Date|Comments - Clone this repository - Ensure that you are at the solution folder - In the command-line run: - - **npm install** - - **gulp serve --nobrowser** + - `npm install` + - `gulp serve --nobrowser` - Add the web part to the SharePoint Workbench (same Site where the List was created) ## Features diff --git a/samples/react-comparer/README.md b/samples/react-comparer/README.md index c00fcf78a..e6ee21270 100644 --- a/samples/react-comparer/README.md +++ b/samples/react-comparer/README.md @@ -54,9 +54,16 @@ The file picker includes the following tabs: ![From a link tab](./assets/FromLinkTab.gif) -## Used SharePoint Framework Version -![SPFx v1.7.1](https://img.shields.io/badge/SPFx-1.7.1-green.svg) +# Compatibility + +![SPFx 1.7.1](https://img.shields.io/badge/SPFx-1.7.1-green.svg) +![Node.js v8](https://img.shields.io/badge/Node.js-v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-components-dynamicloading/README.md b/samples/react-components-dynamicloading/README.md index ec4ee2051..d1af748ba 100644 --- a/samples/react-components-dynamicloading/README.md +++ b/samples/react-components-dynamicloading/README.md @@ -5,8 +5,16 @@ Load React components and third-party packages on demand in SPFx ![Dynamic Loading of React components](./assets/cs3.gif) -## Used SharePoint Framework Version -![SPFx v1.6.0](https://img.shields.io/badge/SPFx-1.6-green.svg) + +# Compatibility + +![SPFx 1.6](https://img.shields.io/badge/SPFx-1.6.0-green.svg) +![Node.js v8 | v6](https://img.shields.io/badge/Node.js-v8%20%7C%20v6-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-custom-links/README.md b/samples/react-custom-links/README.md index fe6d6184e..22c76a191 100644 --- a/samples/react-custom-links/README.md +++ b/samples/react-custom-links/README.md @@ -34,9 +34,15 @@ In this web part you can full customize the background and foreground color, fon ![CustomLinks](./assets/customLinks03.PNG) -## Used SharePoint Framework Version +# Compatibility -![1.11.0](https://img.shields.io/badge/SPFx-1.11.0-green.svg) +![SPFx 1.11](https://img.shields.io/badge/SPFx-1.11.0-green.svg) +![Node.js v10](https://img.shields.io/badge/Node.js-v10-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-doccard-faq/README.md b/samples/react-doccard-faq/README.md index d4fcc927e..b80a49763 100644 --- a/samples/react-doccard-faq/README.md +++ b/samples/react-doccard-faq/README.md @@ -14,7 +14,7 @@ For detailed instructions on how to build this web part and the needed list plea ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Incompatible](https://img.shields.io/badge/Local%20Workbench-Incompatible-red.svg "Requires access to Microsoft Graph") ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) diff --git a/samples/react-dynamics-crm-api/README.md b/samples/react-dynamics-crm-api/README.md index 76dab30f5..c46d74b98 100644 --- a/samples/react-dynamics-crm-api/README.md +++ b/samples/react-dynamics-crm-api/README.md @@ -10,7 +10,7 @@ This sample shows how to consume Dynamics CRM API using AadTokenProvider class. ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Incompatible](https://img.shields.io/badge/Local%20Workbench-Incompatible-red.svg "Requires access to Dynamics 365") ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) diff --git a/samples/react-enhanced-list-formatting/README.md b/samples/react-enhanced-list-formatting/README.md index 787ea085c..2156284b1 100644 --- a/samples/react-enhanced-list-formatting/README.md +++ b/samples/react-enhanced-list-formatting/README.md @@ -26,7 +26,7 @@ This web part allows you to add custom CSS on a page to enhance list formatting. ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Partially](https://img.shields.io/badge/Local%20Workbench-Partially-yellow.svg "Functionality may be limited") ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) diff --git a/samples/react-events-aggregator/README.md b/samples/react-events-aggregator/README.md index 8ef4070e9..ada73f4e9 100644 --- a/samples/react-events-aggregator/README.md +++ b/samples/react-events-aggregator/README.md @@ -15,8 +15,16 @@ This sample shows how we can use the SPFx Event Aggregator to communicate betwee ![SPFx eventAggregator](./assets/spfx-event-aggregator.gif) -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/drop-1.4.1-green.svg) + +# Compatibility + +![SPFx 1.4.1](https://img.shields.io/badge/SPFx-1.4.1-green.svg) +![Node.js v8 | v6](https://img.shields.io/badge/Node.js-v8%20%7C%20v6-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Compatible with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-ompatible-green.svg) +![Compatible with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-events-dynamicdata/README.md b/samples/react-events-dynamicdata/README.md index 87804a4ce..ef1ad89ea 100644 --- a/samples/react-events-dynamicdata/README.md +++ b/samples/react-events-dynamicdata/README.md @@ -9,7 +9,7 @@ Sample web parts illustrating using the SharePoint Framework Dynamic data capabi ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Incompatible](https://img.shields.io/badge/Local%20Workbench-Incompatible-red.svg "Requires access to Dynamics 365") ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) diff --git a/samples/react-faqapp/README.md b/samples/react-faqapp/README.md index aa31feda5..2b4134942 100644 --- a/samples/react-faqapp/README.md +++ b/samples/react-faqapp/README.md @@ -22,9 +22,16 @@ extensions: ![Web part preview](assets/FAQWebpart.png) -## Used SharePoint Framework Version -![1.8.2](https://img.shields.io/badge/drop-1.8.2-green.svg) +# Compatibility + +![SPFx 1.8.2](https://img.shields.io/badge/SPFx-1.8.2-green.svg) +![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-functional-component/README.md b/samples/react-functional-component/README.md index 6fdd04b02..9265938fe 100644 --- a/samples/react-functional-component/README.md +++ b/samples/react-functional-component/README.md @@ -6,9 +6,16 @@ This web part is intended to be easier to understand for new developers building ![Screenshot](Screenshot.png "Screenshot - nothing to see here, move along") -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/SPFx-1.8.2-green.svg) +# Compatibility + +![SPFx 1.8.2](https://img.shields.io/badge/SPFx-1.8.2-green.svg) +![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-functional-servicescope-hooks/README.md b/samples/react-functional-servicescope-hooks/README.md index 59b2bb687..b65f0a861 100644 --- a/samples/react-functional-servicescope-hooks/README.md +++ b/samples/react-functional-servicescope-hooks/README.md @@ -11,7 +11,7 @@ This web part is designed to help developers understand how to use the Context A ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Incompatible](https://img.shields.io/badge/Local%20Workbench-Incompatible-red.svg "Requires access to the context API") ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) diff --git a/samples/react-functional-stateful-component/README.md b/samples/react-functional-stateful-component/README.md index 714973899..e2df5c02f 100644 --- a/samples/react-functional-stateful-component/README.md +++ b/samples/react-functional-stateful-component/README.md @@ -6,9 +6,16 @@ This web part demonstrates building a React functional component that includes s ![Screenshot](Screenshot.png "Screenshot - Roman Numerals web part") -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/SPFx-1.8.2-green.svg) +# Compatibility + +![SPFx 1.8.2](https://img.shields.io/badge/SPFx-1.8.2-green.svg) +![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-github-badge/README.md b/samples/react-github-badge/README.md index e99172cd1..89094757d 100644 --- a/samples/react-github-badge/README.md +++ b/samples/react-github-badge/README.md @@ -8,9 +8,16 @@ Displays information about a GitHub user. ![React GitHub Badge in action](https://github.com/hugoabernier/sp-dev-fx-webparts/raw/master/samples/react-github-badge/assets/githubbadge.png) -## Used SharePoint Framework Version -![SPFx v1.8.2](https://img.shields.io/badge/SPFx-1.8.2-green.svg) +# Compatibility + +![SPFx 1.8.2](https://img.shields.io/badge/SPFx-1.8.2-green.svg) +![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-global-news-sp2019/README.md b/samples/react-global-news-sp2019/README.md index 3d010b99e..bfc77fcfd 100644 --- a/samples/react-global-news-sp2019/README.md +++ b/samples/react-global-news-sp2019/README.md @@ -31,9 +31,16 @@ Please go to https://newsapi.org to get more information. ![picture of the web part in action](assets/GlobalNews01.png) -## Used SharePoint Framework Version -![1.4.1](https://img.shields.io/badge/SPFx-1.4.1-green.svg) +# Compatibility + +![SPFx 1.4.1](https://img.shields.io/badge/SPFx-1.4.1-green.svg) +![Node.js v8 | v6](https://img.shields.io/badge/Node.js-v8%20%7C%20v6-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Compatible with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Compatible-green.svg) +![Compatible with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Compatible-green.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-global-news/README.md b/samples/react-global-news/README.md index d11dd766a..6bd2272aa 100644 --- a/samples/react-global-news/README.md +++ b/samples/react-global-news/README.md @@ -36,7 +36,7 @@ Please go to https://newsapi.org to get more information. ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg ) ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) diff --git a/samples/react-google-fit/README.md b/samples/react-google-fit/README.md index 3afb8a42e..a42ad06ec 100644 --- a/samples/react-google-fit/README.md +++ b/samples/react-google-fit/README.md @@ -41,8 +41,16 @@ In order to use Google REST APIs, we need to generate an OAuth 2.0 client ID. Fo Below NPM package is used to develop this sample. 1. react-google-authorize (https://www.npmjs.com/package/react-google-authorize) -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/drop-1.7.1-green.svg) + +# Compatibility + +![SPFx 1.7.1](https://img.shields.io/badge/SPFx-1.7.1-green.svg) +![Node.js v8](https://img.shields.io/badge/Node.js-v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Compatible with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Compatible-green.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to * [SharePoint Framework Developer Preview](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) diff --git a/samples/react-graph-feedback-form/README.md b/samples/react-graph-feedback-form/README.md index 0593981ad..15c2f14ff 100644 --- a/samples/react-graph-feedback-form/README.md +++ b/samples/react-graph-feedback-form/README.md @@ -11,7 +11,7 @@ Sample SPFx React web part which allows sending emails using Microsoft Graph. ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Incompatible](https://img.shields.io/badge/Local%20Workbench-Incompatible-red.svg "Requires access to Microsoft Graph") ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) diff --git a/samples/react-graph-personalemail/README.md b/samples/react-graph-personalemail/README.md index fca336525..9d2f14180 100644 --- a/samples/react-graph-personalemail/README.md +++ b/samples/react-graph-personalemail/README.md @@ -6,8 +6,16 @@ Sample React web part showing how to retrieve and display personal e-mail retrie ![SharePoint Framework web part showing latest personal e-mails](./assets/preview.png) -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/drop-1.6.0-green.svg) + +# Compatibility + +![SPFx 1.6](https://img.shields.io/badge/SPFx-1.6.0-green.svg) +![Node.js v8 | v6](https://img.shields.io/badge/Node.js-v8%20%7C%20v6-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Compatible with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Compatible-green.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-graph-pnpjs/README.md b/samples/react-graph-pnpjs/README.md index 8c59bdb04..527bdcf04 100644 --- a/samples/react-graph-pnpjs/README.md +++ b/samples/react-graph-pnpjs/README.md @@ -7,8 +7,16 @@ It requests a list of Azure AD [groups](https://docs.microsoft.com/en-us/graph/a ![Main UI](./assets/summary.png) -## Used SharePoint Framework Version -![1.7.1](https://img.shields.io/badge/drop-1.7.1-green.svg) + +# Compatibility + +![SPFx 1.7.1](https://img.shields.io/badge/SPFx-1.7.1-green.svg) +![Node.js v8](https://img.shields.io/badge/Node.js-v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Compatible with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Compatible-green.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-graph-reports/README.md b/samples/react-graph-reports/README.md index 28eb3c9a0..cda88eae0 100644 --- a/samples/react-graph-reports/README.md +++ b/samples/react-graph-reports/README.md @@ -6,8 +6,16 @@ This sample describe a SPFx application which retrieve an office 365 usage repor ![Office 365 Usage Reports using Microsoft Graph API](./assets/react-graph-reports.gif) -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/SPFx-1.8.0-green.svg) + +# Compatibility + +![SPFx 1.8](https://img.shields.io/badge/SPFx-1.8.0-green.svg) +![Node.js v8](https://img.shields.io/badge/Node.js-v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Compatible with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Compatible-green.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-graph-schema-extensions/README.md b/samples/react-graph-schema-extensions/README.md index b4ba65fdb..a7fc5c455 100644 --- a/samples/react-graph-schema-extensions/README.md +++ b/samples/react-graph-schema-extensions/README.md @@ -10,9 +10,16 @@ Office 365 Groups, for instance Sales information, and make it available in the ![Custom Schema Extension Webpart](./assets/webpart.png) -## Used SharePoint Framework Version -![SPFx v1.5.1](https://img.shields.io/badge/SPFx-1.5.1-green.svg) +# Compatibility + +![SPFx 1.5.1](https://img.shields.io/badge/SPFx-1.5.1-green.svg) +![Node.js v8 | v6](https://img.shields.io/badge/Node.js-v8%20%7C%20v6-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Compatible with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Compatible-green.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-graph-telephonedirectory/README.md b/samples/react-graph-telephonedirectory/README.md index 0a8a16970..3a79bd528 100644 --- a/samples/react-graph-telephonedirectory/README.md +++ b/samples/react-graph-telephonedirectory/README.md @@ -7,8 +7,6 @@ The web part will fetch data from directory using Graph API and display in detai ![Telephone Directory using SPFx and Graph](./assets/Preview.gif) -## Used SharePoint Framework Version - ## Compatibility ![SPFx 1.11](https://img.shields.io/badge/SPFx-1.11.0-green.svg) diff --git a/samples/react-hooks/README.md b/samples/react-hooks/README.md index 065c3fb6c..93cf0f081 100644 --- a/samples/react-hooks/README.md +++ b/samples/react-hooks/README.md @@ -6,8 +6,16 @@ Hooks is a new feature included in React version 16.8, with the new version of * ![Brithdays Web Part](./assets/webpart.PNG) -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/SPFx-1.9.1-green.svg) + +# Compatibility + +![SPFx 1.9.1](https://img.shields.io/badge/SPFx-1.9.1-green.svg) +![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-image-gallery/README.md b/samples/react-image-gallery/README.md index 2330b5805..26f51881a 100644 --- a/samples/react-image-gallery/README.md +++ b/samples/react-image-gallery/README.md @@ -6,8 +6,16 @@ This sample describes an SPFx application which implements an image gallery with ![Filterable Image Gallery web part built on the SharePoint Framework using React](./assets/image-gallery.gif) -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/SPFx-1.6.0-green.svg) + +# Compatibility + +![SPFx 1.6](https://img.shields.io/badge/SPFx-1.6.0-green.svg) +![Node.js v8 | v6](https://img.shields.io/badge/Node.js-v8%20%7C%20v6-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Compatible with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Compatible-green.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-image-slider-list-taxonomy-filter/README.md b/samples/react-image-slider-list-taxonomy-filter/README.md index b57bc7987..46bd61bce 100644 --- a/samples/react-image-slider-list-taxonomy-filter/README.md +++ b/samples/react-image-slider-list-taxonomy-filter/README.md @@ -9,8 +9,16 @@ This web part display the image in slider based on the filter of Taxonomy from P ![preview](./assets/ImageSlider.gif) -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/SPFx-1.6.0-green.svg) + +# Compatibility + +![SPFx 1.6](https://img.shields.io/badge/SPFx-1.6.0-green.svg) +![Node.js v8 | v6](https://img.shields.io/badge/Node.js-v8%20%7C%20v6-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Compatible with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Compatible-green.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-invitation-manager/README.md b/samples/react-invitation-manager/README.md index 8c1fe4152..94c154afa 100644 --- a/samples/react-invitation-manager/README.md +++ b/samples/react-invitation-manager/README.md @@ -33,8 +33,16 @@ Look at this to go deep: ![The invitation manager web part displayed in SharePoint workbench](./assets/SPFx-Invitation-Manager.gif) -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/drop-1.3.0-green.svg) + +# Compatibility + +![SPFx 1.3](https://img.shields.io/badge/SPFx-1.3.0-green.svg) +![Node.js v6](https://img.shields.io/badge/Node.js-v6-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Compatible with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Compatible-green.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-ioc-tests/README.md b/samples/react-ioc-tests/README.md index d63c16ec1..2746e8060 100644 --- a/samples/react-ioc-tests/README.md +++ b/samples/react-ioc-tests/README.md @@ -21,7 +21,7 @@ The example also includes a pipeline definition .yaml file for Azure DevOps CI b ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) diff --git a/samples/react-list-form/README.md b/samples/react-list-form/README.md index 6d87683a3..d2899444c 100755 --- a/samples/react-list-form/README.md +++ b/samples/react-list-form/README.md @@ -29,7 +29,7 @@ The web part allows configuring which list to use and if a form for adding a new ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Incompatible](https://img.shields.io/badge/Local%20Workbench-Incompatible-red.svg "Requires access to SharePoint content") ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) diff --git a/samples/react-manage-sitedesigns/README.md b/samples/react-manage-sitedesigns/README.md index ec5fcb902..a4e37e6f3 100644 --- a/samples/react-manage-sitedesigns/README.md +++ b/samples/react-manage-sitedesigns/README.md @@ -85,11 +85,15 @@ Only users with Tenant Admin Role are allowed to managed tenant properties. ![tenant properties](./assets/screen17.jpg) +# Compatibility - - -## Used SharePoint Framework Version -![SPFx 1.8.0](https://img.shields.io/badge/SPFx-1.8.0-green.svg) +![SPFx 1.8](https://img.shields.io/badge/SPFx-1.8.0-green.svg) +![Node.js v8](https://img.shields.io/badge/Node.js-v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Compatible with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Compatible-green.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-manage-spfx-solutions-alm/README.md b/samples/react-manage-spfx-solutions-alm/README.md index c29cc237c..2514589dd 100644 --- a/samples/react-manage-spfx-solutions-alm/README.md +++ b/samples/react-manage-spfx-solutions-alm/README.md @@ -21,7 +21,7 @@ This web part is mainly build for tenant and SharePoint admins, since most of th ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) diff --git a/samples/react-material-ui/README.md b/samples/react-material-ui/README.md index dafe66576..e1f281baf 100644 --- a/samples/react-material-ui/README.md +++ b/samples/react-material-ui/README.md @@ -6,8 +6,16 @@ This sample also includes RXJS DebounceTime, this feature allows you to wait for ![react-command-print](./assets/screenshot.gif) -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/drop-1.8.1-green.svg) + +# Compatibility + +![SPFx 1.8.1](https://img.shields.io/badge/SPFx-1.8.1-green.svg) +![Node.js v8](https://img.shields.io/badge/Node.js-v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Compatible with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Compatible-green.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-members-with-presence/README.md b/samples/react-members-with-presence/README.md index aec3100a9..a4bc0919b 100644 --- a/samples/react-members-with-presence/README.md +++ b/samples/react-members-with-presence/README.md @@ -6,9 +6,16 @@ This sample shows how to get the members of a specific group, including their pr ![Members with Presence](./assets/react-members-with-presence.gif) -## Used SharePoint Framework Version -![SPFx v1.9.1](https://img.shields.io/badge/SPFx-1.9.1-green.svg) +# Compatibility + +![SPFx 1.9.1](https://img.shields.io/badge/SPFx-1.9.1-green.svg) +![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-minesweeper/README.md b/samples/react-minesweeper/README.md index 9995d36fa..4a75cb2c2 100644 --- a/samples/react-minesweeper/README.md +++ b/samples/react-minesweeper/README.md @@ -12,7 +12,7 @@ This web part is the classic game Minesweeper, put in a Fluent UI powered SPFx w ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) diff --git a/samples/react-mobx-multiple-stores/README.md b/samples/react-mobx-multiple-stores/README.md index b0bad596d..c692fc5a1 100644 --- a/samples/react-mobx-multiple-stores/README.md +++ b/samples/react-mobx-multiple-stores/README.md @@ -6,9 +6,16 @@ A sample web part that uses the [Mobx](https://mobx.js.org/) library with multip -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/SPFx-1.8.2-green.svg) +# Compatibility + +![SPFx 1.8.2](https://img.shields.io/badge/SPFx-1.8.2-green.svg) +![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-modern-organization-chart/README.md b/samples/react-modern-organization-chart/README.md index e7a328ddd..27cc9d88a 100644 --- a/samples/react-modern-organization-chart/README.md +++ b/samples/react-modern-organization-chart/README.md @@ -40,7 +40,7 @@ Refresh Status Interval in minutes | number| no | default value 5 min ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Incompatible](https://img.shields.io/badge/Local%20Workbench-Incompatible-red.svg "Requires access to the current user's context") ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) diff --git a/samples/react-msgraph-extension/README.md b/samples/react-msgraph-extension/README.md index 1006e4957..110c0322a 100644 --- a/samples/react-msgraph-extension/README.md +++ b/samples/react-msgraph-extension/README.md @@ -12,8 +12,16 @@ This sample shows how to managed Microsoft Graph Open Extension in SPFx. This ap ![Get existing Microsoft Graph Open Extension](./assets/get-graph-extension.png) -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/SPFx-1.9.1-green.svg) + +# Compatibility + +![SPFx 1.9.1](https://img.shields.io/badge/SPFx-1.9.1-green.svg) +![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-multimedia-gallery/README.md b/samples/react-multimedia-gallery/README.md index 40c5003e1..e1b7610b3 100644 --- a/samples/react-multimedia-gallery/README.md +++ b/samples/react-multimedia-gallery/README.md @@ -31,7 +31,7 @@ It uses Microsoft Graph API to get thumbnails and image/video url and use PnPjs ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Incompatible](https://img.shields.io/badge/Local%20Workbench-Incompatible-red.svg "Requires access to the Microsoft Graph") ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) diff --git a/samples/react-my-groups/README.md b/samples/react-my-groups/README.md index 0356ddb77..638242dac 100644 --- a/samples/react-my-groups/README.md +++ b/samples/react-my-groups/README.md @@ -34,7 +34,7 @@ You can change between the grid and compact layout through the settings in the p ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Incompatible](https://img.shields.io/badge/Local%20Workbench-Incompatible-red.svg "Requires access to the Microsoft Graph") ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) diff --git a/samples/react-my-personal-apps/README.md b/samples/react-my-personal-apps/README.md index 00a000b31..0646d9ddc 100644 --- a/samples/react-my-personal-apps/README.md +++ b/samples/react-my-personal-apps/README.md @@ -54,7 +54,7 @@ This Web Part uses MSgraph Open Extension to save the personal information on us ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Incompatible](https://img.shields.io/badge/Local%20Workbench-Incompatible-red.svg "Requires access to the Microsoft Graph") ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) diff --git a/samples/react-my-teams/README.md b/samples/react-my-teams/README.md index 97157a963..83727bcfb 100644 --- a/samples/react-my-teams/README.md +++ b/samples/react-my-teams/README.md @@ -7,9 +7,16 @@ The web part can be configured to open the team on the web browser or client app ![Demo](./assets/Preview.png) -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/drop-1.7.1-green.svg) +# Compatibility + +![SPFx 1.7.1](https://img.shields.io/badge/SPFx-1.7.1-green.svg) +![Node.js v8](https://img.shields.io/badge/Node.js-v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Compatible with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Compatible-green.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-outlook-add-todo-task/README.md b/samples/react-outlook-add-todo-task/README.md index 35333a289..61852f8c5 100644 --- a/samples/react-outlook-add-todo-task/README.md +++ b/samples/react-outlook-add-todo-task/README.md @@ -49,7 +49,7 @@ POST https://graph.microsoft.com/beta/me/todo/lists/{listId}/tasks ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Incompatible](https://img.shields.io/badge/Local%20Workbench-Incompatible-red.svg "Requires access to the Microsoft Graph") ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) diff --git a/samples/react-outlook-copy2teams/README.md b/samples/react-outlook-copy2teams/README.md index b12fc9c68..639d1f002 100644 --- a/samples/react-outlook-copy2teams/README.md +++ b/samples/react-outlook-copy2teams/README.md @@ -13,9 +13,16 @@ Furthermore it shows you how to retrieve a complete mail as a mimestream via Mic A detailed functionality and technical description can be found in the [author's blog series](https://mmsharepoint.wordpress.com/2020/01/11/an-outlook-add-in-with-sharepoint-framework-spfx-introduction/) -## Used SharePoint Framework Version +# +# Compatibility -![drop](https://img.shields.io/badge/drop-1.10.0-green.svg) +![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) +![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-page-sections-navigation/README.md b/samples/react-page-sections-navigation/README.md index 2a0221d1d..56a345f9d 100644 --- a/samples/react-page-sections-navigation/README.md +++ b/samples/react-page-sections-navigation/README.md @@ -4,8 +4,16 @@ Sample web parts allowing to add sections navigation to the SharePoint page. ![Navigation configuration](./assets/page-nav.gif) -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/drop-1.8.0-green.svg) + +# Compatibility + +![SPFx 1.8](https://img.shields.io/badge/SPFx-1.8.0-green.svg) +![Node.js v8](https://img.shields.io/badge/Node.js-v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-pages-hierarchy/README.md b/samples/react-pages-hierarchy/README.md index 4b67c76fc..c184ce443 100644 --- a/samples/react-pages-hierarchy/README.md +++ b/samples/react-pages-hierarchy/README.md @@ -27,7 +27,7 @@ This web part allows users to create a faux page hierarchy in their pages librar ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Incompatible](https://img.shields.io/badge/Local%20Workbench-Incompatible-red.svg "Requires access to the page structure") ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) diff --git a/samples/react-pnp-controls-list-view-fields/README.md b/samples/react-pnp-controls-list-view-fields/README.md index ec2ad2b6a..6d7f110b5 100644 --- a/samples/react-pnp-controls-list-view-fields/README.md +++ b/samples/react-pnp-controls-list-view-fields/README.md @@ -9,7 +9,7 @@ Sample web part to display PnP [`ListView`](https://sharepoint.github.io/sp-dev- ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Incompatible](https://img.shields.io/badge/Local%20Workbench-Incompatible-red.svg "Requires access to SharePoint lists") ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) diff --git a/samples/react-private-libraries/README.md b/samples/react-private-libraries/README.md index c34f2c588..7d71aeec6 100644 --- a/samples/react-private-libraries/README.md +++ b/samples/react-private-libraries/README.md @@ -23,7 +23,7 @@ The application manages all the security groups set up for the various libraries ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Incompatible](https://img.shields.io/badge/Local%20Workbench-Incompatible-red.svg "Requires access to Microsoft Graph") ![Hosted Workbench Compatible (with API permissions)](https://img.shields.io/badge/Hosted%20Workbench-Compatible%20(with%20API%20permissions)-yellow.svg) diff --git a/samples/react-project-online/README.md b/samples/react-project-online/README.md index 871b1db9f..04ef65704 100644 --- a/samples/react-project-online/README.md +++ b/samples/react-project-online/README.md @@ -29,7 +29,7 @@ The web part is currently returning project tasks as a simple proof of concept. ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Incompatible](https://img.shields.io/badge/Local%20Workbench-Incompatible-red.svg "Requires access to Project Web Access") ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) diff --git a/samples/react-quotes/README.md b/samples/react-quotes/README.md index 2e2c20816..1ad3610e2 100644 --- a/samples/react-quotes/README.md +++ b/samples/react-quotes/README.md @@ -6,9 +6,16 @@ This web part displays a quote of the day by querying a third-party api or can d ![picture of the web part in action](./assets/react-quotes-sample.png) -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/SPFx-1.9.1-green.svg) +# Compatibility + +![SPFx 1.9.1](https://img.shields.io/badge/SPFx-1.9.1-green.svg) +![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-recaptcha/README.md b/samples/react-recaptcha/README.md index e89e21152..534ead0b4 100644 --- a/samples/react-recaptcha/README.md +++ b/samples/react-recaptcha/README.md @@ -9,9 +9,16 @@ business requirement if you need to implement CAPTCHA in SPFx webpart. ![Webpart in action](screens/WebpartInAction.gif?raw=true "Webpart in action") -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/SPFx-1.9.1-green.svg) +# Compatibility + +![SPFx 1.9.1](https://img.shields.io/badge/SPFx-1.9.1-green.svg) +![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-reduxform/README.md b/samples/react-reduxform/README.md index 01e05fe96..01c707a8e 100644 --- a/samples/react-reduxform/README.md +++ b/samples/react-reduxform/README.md @@ -8,8 +8,17 @@ Sample web part to demonstrate the use of [Redux-Form](https://github.com/erikra ![SPFx redux-form webpart](./assets/ReduxFormWebpart.gif) -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/SPFx-1.4.1-green.svg) + +# Compatibility + +![SPFx 1.4.1](https://img.shields.io/badge/SPFx-1.4.1-green.svg) +![Node.js v8 | v6](https://img.shields.io/badge/Node.js-v8%20%7C%20v6-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Compatible with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Compatible-green.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) + ## Applies to diff --git a/samples/react-script-editor-onprem/README.md b/samples/react-script-editor-onprem/README.md index 97a7a5468..c2782b31d 100644 --- a/samples/react-script-editor-onprem/README.md +++ b/samples/react-script-editor-onprem/README.md @@ -97,8 +97,16 @@ You may add CSS via style tags or `link` tags. ## Support for classic _spPageContextInfo If your scripts rely on the classic _spPageContextInfo, you can enable that in the web part property pane. -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/drop-1.4.1-green.svg) + +# Compatibility + +![SPFx 1.4.1](https://img.shields.io/badge/SPFx-1.4.1-green.svg) +![Node.js v8 | v6](https://img.shields.io/badge/Node.js-v8%20%7C%20v6-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Compatible with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Compatible-green.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-script-editor/README.md b/samples/react-script-editor/README.md index 53d41a614..cf3223280 100644 --- a/samples/react-script-editor/README.md +++ b/samples/react-script-editor/README.md @@ -152,7 +152,7 @@ In order to make it available to absolutely all sites you need apply the _Deploy ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) diff --git a/samples/react-securitygrid/README.md b/samples/react-securitygrid/README.md index c36ce94e9..17aeda792 100644 --- a/samples/react-securitygrid/README.md +++ b/samples/react-securitygrid/README.md @@ -85,7 +85,7 @@ This is a port of an Angular 1.3 SharePoint hosted App at https://github.com/rus ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Incompatible](https://img.shields.io/badge/Local%20Workbench-Incompatible-red.svg "Requires access to SharePoint content") ![Hosted Workbench Compatible (with API permissions)](https://img.shields.io/badge/Hosted%20Workbench-Compatible%20(with%20API%20permissions)-yellow.svg) diff --git a/samples/react-site-provisioning-manager/README.md b/samples/react-site-provisioning-manager/README.md index 8afcd131a..9e9376a1c 100644 --- a/samples/react-site-provisioning-manager/README.md +++ b/samples/react-site-provisioning-manager/README.md @@ -8,8 +8,16 @@ You can also find out how you can use React Hooks to manage the state of your ap ![react-provisioning-manager](./assets/screenshot.gif) -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/SPFx-1.9-green.svg) + +# Compatibility + +![SPFx 1.9.1](https://img.shields.io/badge/SPFx-1.9.1-green.svg) +![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-spupsproperty-sync/README.md b/samples/react-spupsproperty-sync/README.md index d05fa8a37..a301db36b 100644 --- a/samples/react-spupsproperty-sync/README.md +++ b/samples/react-spupsproperty-sync/README.md @@ -58,7 +58,7 @@ This component will help the administrators who are currently maintaining the us ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Incompatible](https://img.shields.io/badge/Local%20Workbench-Incompatible-red.svg "Requires access to user properties") ![Hosted Workbench Compatible (with API permissions)](https://img.shields.io/badge/Hosted%20Workbench-Compatible%20(with%20API%20permissions)-yellow.svg) diff --git a/samples/react-taxonomypicker-panel/README.md b/samples/react-taxonomypicker-panel/README.md index ad612e5ff..26427dad1 100644 --- a/samples/react-taxonomypicker-panel/README.md +++ b/samples/react-taxonomypicker-panel/README.md @@ -7,8 +7,16 @@ Sample web part with Single and Multi-select taxonomy pickers using Office UI Fa ![TaxonomyPickerPanel webpart](https://github.com/vipulkelkar/sp-dev-fx-webparts/blob/TaxonomyPanelPicker/samples/react-taxonomypicker-panel/assets/TaxonomyPicker.gif) -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/drop-1.5.1-green.svg) +## Compatibility + +![SPFx 1.5.1](https://img.shields.io/badge/SPFx-1.5.1-green.svg) +![Node.js v8 | v6](https://img.shields.io/badge/Node.js-LTS%208%20%7C%20v6-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg "SharePoint Server 2019 requires SPFx 1.4.1 or lower") +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) + ## Applies to diff --git a/samples/react-teams-configure-tab/README.md b/samples/react-teams-configure-tab/README.md index 0b7665b1c..80b0a42c1 100644 --- a/samples/react-teams-configure-tab/README.md +++ b/samples/react-teams-configure-tab/README.md @@ -1,95 +1,102 @@ -# Teams Configuration Tab - -This web part makes a modern SharePoint page into a Teams tab configuration page for use in a Teams application. This allows low-code developers to create Teams applications containing configurable tabs without the need to code a custom configuration page. Using this tool, along with Microsoft Teams App Studio, low-code developers can build Teams applications entirely from modern SharePoint pages. - -Microsoft Teams applications support _configurable tabs_ that work in Teams channels and group chat conversations. Configurable tabs require a configuation page that is presented to users when they add a tab. This web part implements a simple configuration experience. - -![Tab configuration](documentation/images/SPTabAppStudioTeamsTab006.png) - -When the user selects one of the tab options, the tab is saved pointing to the corresponding SharePoint page. - -![Tab configuration](documentation/images/SPTabAppStudioTeamsTab007.png) - -## Used SharePoint Framework Version - -![drop](https://img.shields.io/badge/drop-1.9.1-green.svg) - -## Applies to - -* [SharePoint Framework Developer](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) -* [Office 365 developer tenant](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant) - - -## Solution - -Solution|Author(s) ---------|--------- -Tab Configuration Web Part | Bob German ([@Bob1German](http://www.twitter.com/Bob1German)) - -## Version history - -Version|Date|Comments --------|----|-------- -1.0|January 6, 2020|Initial release - - -## Disclaimer -**THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.** - ---- - -## Minimal Path to Awesome - -#### 1. Build the web part - -Build and package the web part - - * npm install - * gulp bundle --ship - * gulp package-solution --ship - -Install into your SharePoint app catalog and add it to a SharePoint site. - - -#### 2. Create a configuration page - -Create a new modern SharePoint page that will become the tab configuration page, and add the Configure Tab web part. Edit the web part to set up the tab information. - -![Tab configuration page](documentation/images/SPConfigPageCallouts.png) - -Your configuration page will present users with one or more choices for tabs they'd like to show. Enter a line for each choice into the edior panel: - -(1) Enter a name for each tab, each on its own line -(2) Enter a unique entity ID for each tab, each on its own line corresponding to the lines in (1) -(3) Enter the URL for each tab, again each on its own line - -If you want all tab clicks to be redirected back through this page, select the Redirect checkbox. This allows you to change the URL's for tabs even after they've been configured, however users may notice the page flickering as they are redirected. - -#### 3. Set up the app manifest - -Create a new app manifest in [Teams App Studio](https://docs.microsoft.com/en-us/microsoftteams/platform/concepts/build-and-test/app-studio-overview), and add a Team Tab. Paste the URL of your configuration page into the Configuration URL field. - -![Create a Team Tab in App Studio](documentation/images/SPTabAppStudioTeamsTab001.png) - -If you want users to be able to edit the tab and return to the configuration page (and maybe switch to another choice), then check the Can update configuration checkbox. You can also decide if your app is available in Teams, Group Chats, or both. - -#### 4. Deploy - -Now check to be sure the valid domains are set up (as above) and install the app into a Teams channel or Group Chat. You will be presentd with the configuration page. - -![Tab configuration](documentation/images/SPTabAppStudioTeamsTab006.png) - -If you only configured one choice, just click the Save button and save your tab. If you configured multiple choices, pick one and the save button will light up and allow you to save the tab. - -![Tab configuration](documentation/images/SPTabAppStudioTeamsTab007.png) - -Now your page is visible within the new tab for all to see. - -#### 5. Maintain - -If you set the web part up to redirect tab clicks, it saved its own URL and the entity ID into Teams for each tab. The web part will look at the entity ID and redirect to the target page. Thus it is possible to edit the web part and change the URLs, and thus change all the tabs that had previously been created. - -If you edit the web part and remove the choice (entity ID), it will prompt the user to edit the tab and make another selection. - - - +# Teams Configuration Tab + +This web part makes a modern SharePoint page into a Teams tab configuration page for use in a Teams application. This allows low-code developers to create Teams applications containing configurable tabs without the need to code a custom configuration page. Using this tool, along with Microsoft Teams App Studio, low-code developers can build Teams applications entirely from modern SharePoint pages. + +Microsoft Teams applications support _configurable tabs_ that work in Teams channels and group chat conversations. Configurable tabs require a configuation page that is presented to users when they add a tab. This web part implements a simple configuration experience. + +![Tab configuration](documentation/images/SPTabAppStudioTeamsTab006.png) + +When the user selects one of the tab options, the tab is saved pointing to the corresponding SharePoint page. + +![Tab configuration](documentation/images/SPTabAppStudioTeamsTab007.png) + + +# Compatibility + +![SPFx 1.9.1](https://img.shields.io/badge/SPFx-1.9.1-green.svg) +![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) + +## Applies to + +* [SharePoint Framework Developer](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) +* [Office 365 developer tenant](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant) + + +## Solution + +Solution|Author(s) +--------|--------- +Tab Configuration Web Part | Bob German ([@Bob1German](http://www.twitter.com/Bob1German)) + +## Version history + +Version|Date|Comments +-------|----|-------- +1.0|January 6, 2020|Initial release + + +## Disclaimer +**THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.** + +--- + +## Minimal Path to Awesome + +#### 1. Build the web part + +Build and package the web part + + * npm install + * gulp bundle --ship + * gulp package-solution --ship + +Install into your SharePoint app catalog and add it to a SharePoint site. + + +#### 2. Create a configuration page + +Create a new modern SharePoint page that will become the tab configuration page, and add the Configure Tab web part. Edit the web part to set up the tab information. + +![Tab configuration page](documentation/images/SPConfigPageCallouts.png) + +Your configuration page will present users with one or more choices for tabs they'd like to show. Enter a line for each choice into the edior panel: + +(1) Enter a name for each tab, each on its own line +(2) Enter a unique entity ID for each tab, each on its own line corresponding to the lines in (1) +(3) Enter the URL for each tab, again each on its own line + +If you want all tab clicks to be redirected back through this page, select the Redirect checkbox. This allows you to change the URL's for tabs even after they've been configured, however users may notice the page flickering as they are redirected. + +#### 3. Set up the app manifest + +Create a new app manifest in [Teams App Studio](https://docs.microsoft.com/en-us/microsoftteams/platform/concepts/build-and-test/app-studio-overview), and add a Team Tab. Paste the URL of your configuration page into the Configuration URL field. + +![Create a Team Tab in App Studio](documentation/images/SPTabAppStudioTeamsTab001.png) + +If you want users to be able to edit the tab and return to the configuration page (and maybe switch to another choice), then check the Can update configuration checkbox. You can also decide if your app is available in Teams, Group Chats, or both. + +#### 4. Deploy + +Now check to be sure the valid domains are set up (as above) and install the app into a Teams channel or Group Chat. You will be presentd with the configuration page. + +![Tab configuration](documentation/images/SPTabAppStudioTeamsTab006.png) + +If you only configured one choice, just click the Save button and save your tab. If you configured multiple choices, pick one and the save button will light up and allow you to save the tab. + +![Tab configuration](documentation/images/SPTabAppStudioTeamsTab007.png) + +Now your page is visible within the new tab for all to see. + +#### 5. Maintain + +If you set the web part up to redirect tab clicks, it saved its own URL and the entity ID into Teams for each tab. The web part will look at the entity ID and redirect to the target page. Thus it is possible to edit the web part and change the URLs, and thus change all the tabs that had previously been created. + +If you edit the web part and remove the choice (entity ID), it will prompt the user to edit the tab and make another selection. + + + diff --git a/samples/react-teams-lead-dashboard/README.md b/samples/react-teams-lead-dashboard/README.md index 193a12457..4da366789 100644 --- a/samples/react-teams-lead-dashboard/README.md +++ b/samples/react-teams-lead-dashboard/README.md @@ -6,9 +6,16 @@ This sample shows how to integrate SharePoint Framework, PnP React Controls, and ![Lead Assist Dashboard](./assets/LeadAssistDashboard_overview.png) -## Used SharePoint Framework Version -![version](https://img.shields.io/npm/v/@microsoft/sp-component-base?color=green) +# Compatibility + +![SPFx 1.12.1](https://img.shields.io/badge/SPFx-1.12.1-green.svg) +![Node.js v14 | v12 | v10](https://img.shields.io/badge/Node.js-v14%20%7C%20v12%20%7C%20v10-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-teams-message/README.md b/samples/react-teams-message/README.md index 3cbc38082..361216955 100644 --- a/samples/react-teams-message/README.md +++ b/samples/react-teams-message/README.md @@ -49,7 +49,7 @@ Configurable Web part Properties ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Incompatible](https://img.shields.io/badge/Local%20Workbench-Incompatible-red.svg "Requires access to Microsoft Graph") ![Hosted Workbench Compatible (with API permissions)](https://img.shields.io/badge/Hosted%20Workbench-Compatible%20(with%20API%20permissions)-yellow.svg) diff --git a/samples/react-teams-personal-app-settings/README.md b/samples/react-teams-personal-app-settings/README.md index 9ebec8801..428dab0d0 100644 --- a/samples/react-teams-personal-app-settings/README.md +++ b/samples/react-teams-personal-app-settings/README.md @@ -39,7 +39,7 @@ Downside of this approach is we need to additionally implement "app uninstalled" ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Incompatible](https://img.shields.io/badge/Local%20Workbench-Incompatible-red.svg "Requires access to the user's OneDrive") ![Hosted Workbench Compatible (with API permissions)](https://img.shields.io/badge/Hosted%20Workbench-Compatible%20(with%20API%20permissions)-yellow.svg) diff --git a/samples/react-teams-tab-field-visit-mashup/README.md b/samples/react-teams-tab-field-visit-mashup/README.md index 54fa0dc56..73608045d 100644 --- a/samples/react-teams-tab-field-visit-mashup/README.md +++ b/samples/react-teams-tab-field-visit-mashup/README.md @@ -19,9 +19,17 @@ The solution demonstrates: ![Field Visit Demo](./documentation/FieldVisitDemo.png) -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/drop-1.8.0-green.svg) +# Compatibility + +![SPFx 1.8](https://img.shields.io/badge/SPFx-1.8.0-green.svg) +![Node.js v8](https://img.shields.io/badge/Node.js-v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) + ## Applies to diff --git a/samples/react-teams-tagging/README.md b/samples/react-teams-tagging/README.md index 6c9d28b70..946319870 100644 --- a/samples/react-teams-tagging/README.md +++ b/samples/react-teams-tagging/README.md @@ -5,9 +5,16 @@ This sample shows how read and update a custom Schema extension in MS Graph to T ![Custom Schema Extension Webpart](./assets/webpart.JPG) -## Used SharePoint Framework Version -![SPFx v1.8.0](https://img.shields.io/badge/SPFx-1.8.0-green.svg) +# Compatibility + +![SPFx 1.8](https://img.shields.io/badge/SPFx-1.8.0-green.svg) +![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-themes/README.md b/samples/react-themes/README.md index f3537d373..b79850b58 100644 --- a/samples/react-themes/README.md +++ b/samples/react-themes/README.md @@ -25,9 +25,16 @@ The Section Theme web part illustrates how to use theme variant variables to sty ![SharePoint Section Themes Client Side Web Part](./assets/SectionThemes.png) -## Used SharePoint Framework Version -![SPFx 1.11.0](https://img.shields.io/badge/SPFx-1.11.0-green.svg) +# Compatibility + +![SPFx 1.11](https://img.shields.io/badge/SPFx-1.11.0-green.svg) +![Node.js v10](https://img.shields.io/badge/Node.js-v10-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-timeline/README.md b/samples/react-timeline/README.md index 0afb9f0e0..1e9f3e186 100644 --- a/samples/react-timeline/README.md +++ b/samples/react-timeline/README.md @@ -68,9 +68,16 @@ Below NPM package is used to develop this sample. 3. @pnp/spfx-property-controls (https://pnp.github.io/sp-dev-fx-property-controls/) 4. Moment (https://www.npmjs.com/package/moment) -## Used SharePoint Framework Version -![1.10.0](https://img.shields.io/badge/drop-1.10-green.svg) +# Compatibility + +![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) +![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-tinymce/README.md b/samples/react-tinymce/README.md index 45a7f2e5c..503cfd249 100644 --- a/samples/react-tinymce/README.md +++ b/samples/react-tinymce/README.md @@ -23,8 +23,16 @@ editor is powered by the community. ![picture of the web part in action](./assets/preview.gif) -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/SPFx-1.4.1-green.svg) + +# Compatibility + +![SPFx 1.4.1](https://img.shields.io/badge/SPFx-1.4.1-green.svg) +![Node.js v8 | v6](https://img.shields.io/badge/Node.js-v8%20%7C%20v6-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Compatible with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Compatible-green.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-tour-pnpjs/README.md b/samples/react-tour-pnpjs/README.md index df9e6ac9d..a4a8772ff 100644 --- a/samples/react-tour-pnpjs/README.md +++ b/samples/react-tour-pnpjs/README.md @@ -17,9 +17,15 @@ The property pane shows dinamically all webparts in the current page, using [PnP ![WebPartInAction](./assets/react-tour-pnpjs-webpart-configuration.gif) -## Used SharePoint Framework Version +# Compatibility -![drop](https://img.shields.io/badge/SPFx-1.9.1-green.svg) +![SPFx 1.9.1](https://img.shields.io/badge/SPFx-1.9.1-green.svg) +![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-word-game/README.md b/samples/react-word-game/README.md index 92e4ce837..5e4aa2894 100644 --- a/samples/react-word-game/README.md +++ b/samples/react-word-game/README.md @@ -6,9 +6,15 @@ A fun game where you unscramble the words before the time runs out. It stores ev ![Word Game Preview](./assets/preview.gif) -## Used SharePoint Framework Version +# Compatibility -![1.11.0](https://img.shields.io/badge/SPFx-1.11.0-green.svg) +![SPFx 1.11](https://img.shields.io/badge/SPFx-1.11.0-green.svg) +![Node.js v10](https://img.shields.io/badge/Node.js-v10-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-youtube/README.md b/samples/react-youtube/README.md index 19da3de2c..eddc22834 100644 --- a/samples/react-youtube/README.md +++ b/samples/react-youtube/README.md @@ -21,9 +21,16 @@ This web part allows to search and view the YouTube videos, across the YouTube A ![Demo](./assets/Preview.gif) -## Used SharePoint Framework Version -![SPFx 1.11](https://img.shields.io/badge/SPFx-1.11-green.svg) +# Compatibility + +![SPFx 1.11](https://img.shields.io/badge/SPFx-1.11.0-green.svg) +![Node.js v10](https://img.shields.io/badge/Node.js-v10-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/react-zpl-viewer/README.md b/samples/react-zpl-viewer/README.md index 760884fb3..3f4a58ed6 100644 --- a/samples/react-zpl-viewer/README.md +++ b/samples/react-zpl-viewer/README.md @@ -6,9 +6,16 @@ This web part will allow a user to select a text file contatining zpl which is u ![Preview](./assets/preview.gif) -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/SPFx-1.9.1-green.svg) +# Compatibility + +![SPFx 1.9.1](https://img.shields.io/badge/SPFx-1.9.1-green.svg) +![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/samples/vue-js-org-chart/README.md b/samples/vue-js-org-chart/README.md index eac920b34..ebd16cdd5 100644 --- a/samples/vue-js-org-chart/README.md +++ b/samples/vue-js-org-chart/README.md @@ -6,8 +6,16 @@ A simple Organisation Chart web part using Office UI Fabric, VueJS, REST API. ![React Org Chart](./assets/preview.gif) -## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/SPFx-1.8.1-green.svg) + +# Compatibility + +![SPFx 1.8.1](https://img.shields.io/badge/SPFx-1.8.1-green.svg) +![Node.js v8](https://img.shields.io/badge/Node.js-v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/tutorials/tutorial-migrate-datatables/README.md b/tutorials/tutorial-migrate-datatables/README.md index 8fadb9319..51e2694cc 100644 --- a/tutorials/tutorial-migrate-datatables/README.md +++ b/tutorials/tutorial-migrate-datatables/README.md @@ -12,9 +12,16 @@ Sub folders represent the different stages of the migration process. Each folder | 02-added-configuration | Extended the code with support for configuring the web part through the property pane | [details](https://docs.microsoft.com/sharepoint/dev/spfx/web-parts/guidance/migrate-jquery-datatables-script-to-spfx#add-support-for-configuring-the-web-part-through-web-part-properties) | 03-transformed-js-to-typescript | Transformed plain JavaScript to TypeScript | [details](https://docs.microsoft.com/sharepoint/dev/spfx/web-parts/guidance/migrate-jquery-datatables-script-to-spfx#transform-the-plain-javascript-code-to-typescript) -## Used SharePoint Framework Version -![v1.10.0](https://img.shields.io/badge/SPFx-v1.10.0-green.svg) +# Compatibility + +![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) +![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) +![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") +![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) +![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ## Applies to diff --git a/tutorials/tutorial-migrate-fullcalendar/README.md b/tutorials/tutorial-migrate-fullcalendar/README.md index 4aad511c9..1d5145123 100644 --- a/tutorials/tutorial-migrate-fullcalendar/README.md +++ b/tutorials/tutorial-migrate-fullcalendar/README.md @@ -18,7 +18,7 @@ Sub folders represent the different stages of the migration process. Each folder ![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) -![Does not work with with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) +![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg) ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg)