Sample polishing

pnp · Jun 18, 2017 · 40dd0fe · 40dd0fe
1 parent ee1404c
commit 40dd0fe
Show file tree

Hide file tree

Showing 8 changed files with 49 additions and 7 deletions.
diff --git a/samples/README-template.md b/samples/README-template.md
@@ -54,6 +54,13 @@ This extension illustrates the following concepts:
 - topic 2
 - topic 3
 
+## Debug URL for testing
+Here's a debug URL for testing around this sample. **Updated based on your manifest id for easy testing of the sample**.
+
+```
+?loadSPFX=true&debugManifestsFile=https://localhost:4321/temp/manifests.js&customActions={"7c5a85c1-8b1e-4370-8198-642908faee60":{"location":"ClientSideExtension.ApplicationCustomizer","properties":{"testMessage":"Hello as property!"}}}
+```
+
 > Notice that better pictures and documentation will increase the sample usage and the value you are providing for others. Thanks for your submissions advance.
 
 <img src="https://telemetry.sharepointpnp.com/sp-dev-fx-extensions/samples/readme-template" />
diff --git a/samples/js-application-analytics/README.md b/samples/js-application-analytics/README.md
@@ -45,4 +45,11 @@ This sample illustrates how to levereage the SharePoint Framework Extensions App
 
 Don't forget to insert your Google Analytics tracking code something like that 'UA-100713841-5'
 
+## Debug URL for testing
+Here's a debug URL for testing around this sample. 
+
+```
+?loadSPFX=true&debugManifestsFile=https://localhost:4321/temp/manifests.js&customActions={"e8613642-17ee-4392-a8fd-5c0d6edcdb19":{"location":"ClientSideExtension.ApplicationCustomizer","properties":{"testMessage":"Hello as property!"}}}
+```
+
 <img src="https://telemetry.sharepointpnp.com/sp-dev-fx-extensions/samples/js-application-analytics" />
diff --git a/samples/js-application-appinsights/README.md b/samples/js-application-appinsights/README.md
@@ -44,4 +44,11 @@ This extension injects javascript needed to track pages in Sharepoint Online wit
 
 Do not forget to change your instrumentation key.
 
+## Debug URL for testing
+Here's a debug URL for testing around this sample. 
+
+```
+?loadSPFX=true&debugManifestsFile=https://localhost:4321/temp/manifests.js&customActions={"7c5a85c1-8b1e-4370-8198-642908faee60":{"location":"ClientSideExtension.ApplicationCustomizer","properties":{"testMessage":"Hello as property!"}}}
+```
+
 <img src="https://telemetry.sharepointpnp.com/sp-dev-fx-extensions/samples/js-application-appinsights" />
diff --git a/samples/js-application-graph-client/README.md b/samples/js-application-graph-client/README.md
@@ -35,16 +35,21 @@ Version|Date|Comments
 **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.**
 
 
-## Notes
+## Steps for testing
 1. You need a developer tenant https://dev.office.com/devprogram
 2. Create a modern teamsite/group via the SharePoint startpage.
 3. Navigate to the document library.
 4. In Code project, manifest.json, copy id and paste into step 5 querystring
 5. Add following querystring:
 ?loadSPFX=true&debugManifestsFile=https://localhost:4321/temp/manifests.js&customActions={"<Your application ID>":{"location":"ClientSideExtension.ApplicationCustomizer"}}
 
-Full Example url:
-https://tenantname.sharepoint.com/sites/TestGroup/Shared%20documents/Forms/AllItems.aspx?loadSPFX=true&debugManifestsFile=https://localhost:4321/temp/manifests.js&customActions={"6ed4a222-c0c8-441e-ae2e-d2240084deff":{"location":"ClientSideExtension.ApplicationCustomizer"}}
+## Debug URL for testing
+Here's a debug URL for testing around this sample. 
+
+```
+?loadSPFX=true&debugManifestsFile=https://localhost:4321/temp/manifests.js&customActions={"6ed4a222-c0c8-441e-ae2e-d2240084deff":{"location":"ClientSideExtension.ApplicationCustomizer"}}
+```
+
 
 ### Building the code
 

diff --git a/samples/react-command-share-pnp-js/README.md b/samples/react-command-share-pnp-js/README.md
@@ -47,6 +47,9 @@ Version|Date|Comments
   - `gulp serve --nobrowser`
 - Use following query parameter in the SharePoint site to get extension loaded without installing it to app catalog
 
+## Debug URL for testing
+Here's a debug URL for testing around this sample. 
+
 ```
 ?loadSpfx=true&debugManifestsFile=https://localhost:4321/temp/manifests.js&customActions={"06006535-1336-436b-a717-827e28d2ea6e":{"location":"ClientSideExtension.ListViewCommandSet.CommandBar"}}
 ```

diff --git a/samples/react-field-slider/README.md b/samples/react-field-slider/README.md
@@ -50,5 +50,11 @@ This package produces the following:
 * dist/* - the bundled script, along with other resources
 * deploy/* - all resources which should be uploaded to a CDN.
 
+## Debug URL for testing
+Here's a debug URL for testing around this sample. Notice that this sample is designed to be used with **Number** field type. In below debug URL sample we define the field internal name as **Percent**. Slider in this case is designed to show values between 0 and 100.
+
+```
+?loadSPFX=true&debugManifestsFile=https://localhost:4321/temp/manifests.js&fieldCustomizers={"Percent":{"id":"f2f6825c-fd37-43f7-a99c-5fe6b39dd7fd","properties":{"sampleText":"Hello!"}}}
+```
 
 <img src="https://telemetry.sharepointpnp.com/sp-dev-fx-extensions/samples/react-field-slider" />
diff --git a/samples/react-field-toggle/README.md b/samples/react-field-toggle/README.md
@@ -1,7 +1,7 @@
 # React Toggle Field Customizer
 
 ## Summary
-In this sample is possible to see how to implement Office UI Fabric React Toggle for the field yes/no through SPFx Extensions Field Customizers to modify in a quick way a list
+In this sample is possible to see how to implement Office UI Fabric React Toggle for the field yes/no through SPFx Extensions Field Customizers to modify in a quick way (inline editing) a list without opening the list item. 
 
 ![Office UI Fabric React Toggle SPFx Field Customizer](./assets/react-field-toggle.gif)
 
@@ -43,4 +43,11 @@ This sample illustrates how to leverage the SharePoint Modern UI and extending t
 - Field Customizer
 - Office UI Fabric
 
+## Debug URL for testing
+Here's a debug URL for testing around this sample. Notice that this sample is designed to be used with **Boolean** field type. In below debug URL sample we define the field internal name as **SPFxActive**.
+
+```
+?loadSPFX=true&debugManifestsFile=https://localhost:4321/temp/manifests.js&fieldCustomizers={"SPFxActive":{"id":"972be477-1d2a-4656-a83a-63eb02552556","properties":{"sampleText":"Hello!"}}}
+```
+
 <img src="https://telemetry.sharepointpnp.com/sp-dev-fx-extensions/samples/react-field-toggle" />
diff --git a/samples/react-field-toggle/package.json b/samples/react-field-toggle/package.json
@@ -6,10 +6,10 @@
     "node": ">=0.10.0"
   },
   "dependencies": {
-    "@microsoft/sp-application-base": "1.1.0",
+    "@microsoft/sp-application-base": "1.1.1",
     "@microsoft/sp-core-library": "~1.1.0",
-    "@microsoft/sp-listview-extensibility": "0.1.0",
-    "@microsoft/sp-webpart-base": "~1.1.0",
+    "@microsoft/sp-listview-extensibility": "0.1.1",
+    "@microsoft/sp-webpart-base": "~1.1.1",
     "@types/react": "0.14.46",
     "@types/react-addons-shallow-compare": "0.14.17",
     "@types/react-addons-test-utils": "0.14.15",