Merge pull request #1595 from hugoabernier/master

Cleaned up readmes
This commit is contained in:
Hugo Bernier 2020-11-09 11:07:33 -05:00 committed by GitHub
commit e15d1b3eb7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
126 changed files with 231 additions and 227 deletions

View File

@ -1,4 +1,7 @@
# title of the sample
# Title of the sample
> This is how you want the sample to appear in the samples browser.
> When naming your sample, try to give it a friendly name that describes what it does. Avoid using terms like `SharePoint` and `WebPart` -- because that's what all the samples in this repo is all about. Also, don't use `React`, `Angular`, `JavaScript`, etc. in your sample title -- unless that's what the sample is about.
## Summary
@ -6,16 +9,15 @@ Short summary on functionality and used technologies.
> Please provide a high-quality screenshot of your web parts below. It should be stored in a folder called `assets`.
> If possible, use a resolution of 1920x1080.
> If your web part uses a placeholder screen and requires the user to configure it, please use a screenshot of the web part as it appears after it has been configured.
> If your web part uses a placeholder screen and requires the user to configure it, please use a screenshot of the web part as it appears **after** it has been configured.
> You can add as many screen shots as you'd like to help users understand your web part without having to download it and install it.
> DELETE THIS PARAGRAPH BEFORE SUBMITTING
![picture of the web part in action](assets/preview.png)
## Used SharePoint Framework Version
![1.11.0](https://img.shields.io/badge/version-1.11.0-green.svg)
![SPFx 1.11.0](https://img.shields.io/badge/version-1.11.0-green.svg)
## Applies to

View File

@ -15,7 +15,7 @@ extensions:
createdDate: 2/15/2020 12:00:00 AM
---
# AngularJS Greeting client-side web part
# AngularJS Greeting
## Summary

View File

@ -17,7 +17,7 @@ extensions:
- AngularJS
createdDate: 2/16/2017 12:00:00 AM
---
## Angular MS Graph Web Part Built with Angular v1.x
# Angular MS Graph Web Part Built with Angular v1.x
## Summary
This is a sample MS Graph web part that connects to Microsoft Graph and pulls SharePoint information from your

View File

@ -14,7 +14,7 @@ extensions:
- jQuery
createdDate: 5/1/2017 12:00:00 AM
---
## Bootstrap Slider Built with jQuery v1.x and Boostrap v3.x
# Bootstrap Slider Built with jQuery v1.x and Boostrap v3.x
## Summary
Sample bootstrap slider which pulls the slides from a list inside the SharePoint site. The list is automatically deployed once the app is installed in the SharePoint site.

View File

@ -13,7 +13,7 @@ extensions:
- Handlebars
createdDate: 3/5/2017 12:00:00 AM
---
## SPFx Sample with Handlebars.js
# SPFx Sample with Handlebars.js
This sample demonstrate how to set up SPFx to use [Handlebars](http://handlebarsjs.com) through [webpack loader](https://webpack.github.io/docs/loaders.html).

View File

@ -15,7 +15,7 @@ extensions:
- JQuery
createdDate: 1/1/2016 12:00:00 AM
---
# JQuery, Photopile.JS & Office UI Fabric Client-Side Web Part
# JQuery, Photopile.JS & Office UI Fabric Client-Side Web Part
## Summary
@ -83,4 +83,4 @@ This web part illustrates the following concepts on top of the SharePoint Framew
* Etc.
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/jquery-photopile" />
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/jquery-photopile" />

View File

@ -11,7 +11,7 @@ extensions:
- SharePoint Framework
createdDate: 5/15/2017 12:00:00 AM
---
# Display List JavaScript Client-Side Web Part
# Display List
## Summary

View File

@ -13,7 +13,7 @@ extensions:
- react
createdDate: 8/1/2017 12:00:00 AM
---
# Display Employee Spotlight JavaScript Client-Side Web Part
# Employee Spotlight
## Summary
Simple Web Part that demonstrates the use of SharePoint Framework for show casing Employee Spotlight. The web part pulls data from a configured list and User Profile service.

View File

@ -1,11 +1,11 @@
# GitHub Badge
# GitHub Badge (JavaScript version)
## Summary
Displays information from GitHub for a specified user.
![drop](./assets/1.png)
## Used SharePoint Framework Version
![drop](https://img.shields.io/badge/version-GA-green.svg)
![SPFx 1.8.0](https://img.shields.io/badge/version-1.8.0-green.svg)
## Applies to
@ -50,4 +50,4 @@ Future samples will refactor this into something more professional that follows
Ultimately, this sample along with its yet-to-be-created future samples could be a useful teaching tool to developers new to SPFx as well as developers who aren't well-versed in SPFx coding patterns or the various frameworks available.
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/js-gitHubBadge" />
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/js-gitHubBadge" />

View File

@ -1,4 +1,4 @@
# SPFx My Flows Web Part
# My Flows
## Summary

View File

@ -14,54 +14,54 @@ extensions:
- JQuery
createdDate: 1/1/2016 12:00:00 AM
---
# Embed a PowerBI report in a Client-Side Web Part
## Summary
This sample SharePoint Framework client-side web part embedding a PowerBI report using PowerBI Embedded without any server-side code.
![PowerBI Embedded Client-SideWeb Part in the SharePoint Workbench](./assets/screenshot_powerbi_embedded_spfx.png)
## Used SharePoint Framework Version
![drop](https://img.shields.io/badge/drop-drop2-red.svg)
## Solution
Solution|Author(s)
--------|---------
powerbi-embedded|Roland Oldengarm (Provoke Solutions, @rolandoldengarm)
## Version history
Version|Date|Comments
-------|----|--------
1.0|September 13, 2016|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.**
---
## Prerequisites
- Created a Workspace and a Workspace collection in Azure
- PowerBI report saved as PBIX
- PBIX uploaded to the Workspace
- Report Access Token generated
Please refer to [this blog post](http://rolandoldengarm.com/index.php/2016/09/13/part-3-how-to-embed-a-power-bi-report-in-sharepoint-with-the-sharepoint-framework/) for detailed instructions how to do this.
## Minimal Path to Awesome
- clone this repo
- `$ npm i`
- `$ gulp serve`
## Features
The _PowerBI Embedded_ Client-Side Web Part is built on the SharePoint Framework using React and uses [PowerBI Embedded](https://azure.microsoft.com/en-us/services/power-bi-embedded/) to securely display a report.
All authentication and rendering happens client-side, there is no server-side component required.
It uses the [PowerBI Client](https://www.npmjs.com/package/powerbi-client) for rendering the PowerBI report.
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/js-powerbi-embedded" />
# Embed a PowerBI Report
## Summary
This sample SharePoint Framework client-side web part embedding a PowerBI report using PowerBI Embedded without any server-side code.
![PowerBI Embedded Client-SideWeb Part in the SharePoint Workbench](./assets/screenshot_powerbi_embedded_spfx.png)
## Used SharePoint Framework Version
![drop](https://img.shields.io/badge/drop-drop2-red.svg)
## Solution
Solution|Author(s)
--------|---------
powerbi-embedded|Roland Oldengarm (Provoke Solutions, @rolandoldengarm)
## Version history
Version|Date|Comments
-------|----|--------
1.0|September 13, 2016|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.**
---
## Prerequisites
- Created a Workspace and a Workspace collection in Azure
- PowerBI report saved as PBIX
- PBIX uploaded to the Workspace
- Report Access Token generated
Please refer to [this blog post](http://rolandoldengarm.com/index.php/2016/09/13/part-3-how-to-embed-a-power-bi-report-in-sharepoint-with-the-sharepoint-framework/) for detailed instructions how to do this.
## Minimal Path to Awesome
- clone this repo
- `$ npm i`
- `$ gulp serve`
## Features
The _PowerBI Embedded_ Client-Side Web Part is built on the SharePoint Framework using React and uses [PowerBI Embedded](https://azure.microsoft.com/en-us/services/power-bi-embedded/) to securely display a report.
All authentication and rendering happens client-side, there is no server-side component required.
It uses the [PowerBI Client](https://www.npmjs.com/package/powerbi-client) for rendering the PowerBI report.
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/js-powerbi-embedded" />

View File

@ -1,4 +1,4 @@
# JS Property Controls SVG
# Dynamic Scalable Vector Graphics (SVG) image using propertie
## Summary
An SPFx webpart that displays a Scalable Vector Graphics (SVG) image using properties to customize how it is rendered. The webpart utilizes the PnP SPFx Property Controls package (specifially the SpinButton and ColorPicker) to set these properties.
@ -54,4 +54,4 @@ This Web Part illustrates the following concepts on top of the SharePoint Framew
![Screenshot](./assets/js-propertycontrols-svg.png)
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/js-propertycontrols-svg" />
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/js-propertycontrols-svg" />

View File

@ -13,7 +13,7 @@ extensions:
- Knockout
createdDate: 1/1/2016 12:00:00 AM
---
# Sample Web Part implementing dependent properties in Property Pane
# Dependent Property Pane Properties
## Summary
Sample Web Part illustrating

View File

@ -13,7 +13,7 @@ extensions:
- Knockout
createdDate: 3/1/2017 12:00:00 AM
---
# Sample showing the use of @pnp/sp library with Knockoutjs
# Using @pnp/sp with Knockoutjs
## Summary
@ -62,4 +62,4 @@ Version|Date|Comments
Demonstrates integration of @pnp/sp js with the SharePoint Framework GA release. Also shows the use of mock data in the local workbench.
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/knockout-sp-pnp-js" />
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/knockout-sp-pnp-js" />

View File

@ -13,7 +13,7 @@ extensions:
- knockout
createdDate: 1/1/2016 12:00:00 AM
---
# Taxonomy Web Part
# Taxonomy
## Summary
Sample Web Part illustrating

View File

@ -1,4 +1,4 @@
# react-edit-application-customizers
# Edit Application Customizers
## Summary

View File

@ -1,4 +1,4 @@
# SPFx Dynamic Accordion - FAQ Builder web part
# Dynamic Accordion - FAQ Builder
## Summary

View File

@ -1,4 +1,4 @@
# SPFx Accordion Section FAQ Builder web part
# Accordion Section -- FAQ Builder
## Summary

View File

@ -14,7 +14,7 @@ extensions:
createdDate: 1/8/2018 12:00:00 AM
---
## Using React Accordion plugin with SPFx
# Using React Accordion plugin with SPFx
## Summary

View File

@ -13,7 +13,7 @@ extensions:
- React
createdDate: 11/28/2018 12:00:00 AM
---
# Image Gallery Web Part Built with Adaptive Cards
# Image Gallery Built with Adaptive Cards
## Summary

View File

@ -1,4 +1,4 @@
# react-adaptivecards-hooks
# Adaptive Cards using React Hooks
## Summary

View File

@ -13,7 +13,7 @@ extensions:
- react
createdDate: 04/24/2020 12:00:00 AM
---
## SPFx webpart to add JS and CSS reference on Modern Pages via SPFx application customizer extension
# Add JS and CSS reference on Modern Pages via SPFx application customizer extension
This repo is a react based SPFx web part and extension that allows users to add/modify/delete custom js and css file references using SPFx application customizer extension all modern pages within SP online site. This web part provides an interface to JS and CSS file references so that we don't have to modify code when we need to change references or add new references in the future. As part of security measures, this actions on web part can be only accessed by users who have Manage web permission on site.

View File

@ -1,4 +1,4 @@
# react-admin-sc-catalog-pnpjs - Site Collection App Catalogs Summary View.
# Site Collection App Catalog Summary View.
## Summary

View File

@ -1,4 +1,4 @@
# React Aggregated Calendar Webpart
# Aggregated Calendar
## Summary
This is a sample webpart developed using React Framework to gather the aggregated events from the multiple calendars from multiple sites using Full Calendar from fullcalendar.io

View File

@ -13,7 +13,7 @@ extensions:
- react
createdDate: 8/1/2017 12:00:00 AM
---
# SPFx React app settings webpart #
# App Settings
## Summary

View File

@ -13,7 +13,7 @@ extensions:
- react
createdDate: 5/10/2020 12:00:00 AM
---
# React AppInsights Dashboard
# Azure Application Insights Dashboard
## Summary

View File

@ -13,7 +13,7 @@ extensions:
- react
createdDate: 5/1/2017 12:00:00 AM
---
# React sample showing the use of @pnp/js with Async / Await
# Using @pnp/js with Async / Await
## Summary
This webpart demonstrates how to use [PnPJS](https://pnp.github.io/pnpjs/) with Async functions into the SharePoint Framework as well as integrating [PnP JS and SPFx Logging systems](https://blog.josequinto.com/2017/04/30/how-to-integrate-pnp-js-core-and-sharepoint-framework-logging-systems/). Real example querying SharePoint library to show document sizes.

View File

@ -1,4 +1,4 @@
# SPFx Avatar
# Avatar Editor
## Summary

View File

@ -1,4 +1,4 @@
## Local Azure Function and SPFx Web Part Development to consume third party APIs
# Local Azure Function and SPFx Web Part Development to consume third party APIs
This sample shows how to consume third-party APIs through an Azure Functions by a Web Part. In this scenario, Vimeo is the representative third party API.
This project contains two separate project folders:

View File

@ -1,4 +1,4 @@
# React Birthdays Web Part
# Birthdays
## Summary
The Web Part Birthdays shows the upcoming birthdays in the company, the web part reads birthdays from a list located on the tenant's root site with title "Birthdays."
@ -17,7 +17,7 @@ But you can synchronize the Birthdays list with other applications HR Systems, o
## Used SharePoint Framework Version
![drop](https://img.shields.io/badge/version-1.8.2-green.svg)
![1.8.2](https://img.shields.io/badge/version-1.8.2-green.svg)
## Applies to

View File

@ -1,4 +1,4 @@
# React Calendar Feed Web Part
# Calendar Feed
## Summary

View File

@ -13,7 +13,7 @@ extensions:
- react
createdDate: 04/25/2017 12:00:00 AM
---
# React Calendar
# Calendar
## Summary

View File

@ -15,7 +15,7 @@ extensions:
createdDate: 06/17/2016 12:00:00 AM
---
# React Carousel Web Part
# Images and Videos in a Carousel
## Summary

View File

@ -1,4 +1,4 @@
## React Chart Control Samples
# Chart Control Samples
## Summary

View File

@ -1,4 +1,4 @@
# React Check Flows
# Check Associated Flows
## Summary
@ -33,4 +33,4 @@ react-check-flows|Aakash Bhardwaj
**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.**
---
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-check-flows" />
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-check-flows" />

View File

@ -1,4 +1,4 @@
# React Comparer with File Picker
# Image Comparer with File Picker
![The web part in action](./assets/ComparerWebPart.gif)

View File

@ -13,7 +13,7 @@ extensions:
- react
createdDate: 8/1/2017 12:00:00 AM
---
# React Content Query WebPart (Compatible with On-Premises SharePoint versions)
# Content Query WebPart (Compatible with On-Premises SharePoint versions)
## Summary

View File

@ -1,4 +1,4 @@
# React Content Query web part (SharePoint Online-Compatible)
# Content Query web part (SharePoint Online-Compatible)
## Summary

View File

@ -1,4 +1,4 @@
# React Content Query web part
# Content Query Web Part
## Summary

View File

@ -1,4 +1,4 @@
# COVID 19 information web part
# COVID 19 Information
## Summary

View File

@ -15,7 +15,7 @@ extensions:
createdDate: 5/10/2020 12:00:00 AM
---
# React Custom Links
# Custom Links
## Summary

View File

@ -1,4 +1,4 @@
# React Directory Web Part
# Organization Directory
## Summary

View File

@ -1,4 +1,4 @@
## Web part displaying hierarchical information from SharePoint list
# Displaying hierarchical information from SharePoint list
### Summary
At the time of developing this sample, the Office 365 UI fabric does not have any control for displaying hierarchical information. This web part helps to display the hierarchical information from SharePoint list.

View File

@ -1,4 +1,4 @@
# React Dynamics CRM API
# Using Dynamics CRM API
## Summary
This sample shows how to consume Dynamics CRM API using AadTokenProvider class.

View File

@ -1,6 +1,4 @@
# react-enhanced-powerapps
# Enhanced Power App
## Summary

View File

@ -1,4 +1,4 @@
# SharePoint Framework Facebook Page Social Plugin web part sample
# Facebook Page Social Plugin
## Summary

View File

@ -13,7 +13,7 @@ extensions:
- react
createdDate: 04/25/2017 12:00:00 AM
---
# SharePoint Framework Faq App
# Frequently Asked Questions App
## Summary
- This Web Part allows users to create Frequently Asked Questions(Faq App) in modern and classic SharePoint pages.

View File

@ -1,4 +1,4 @@
# React File Upload WebPart
# File Upload
## Summary
The file upload web part allowing users to upload multiple files to a document library or as item attachments.

View File

@ -1,4 +1,4 @@
# React GitHub Badge
# GitHub Badge (React Version)
## Summary

View File

@ -15,7 +15,7 @@ extensions:
createdDate: 4/14/2020 12:00:00 AM
---
# React Global News
# Global News
## Summary

View File

@ -1,4 +1,4 @@
## Web part displaying Google Fit information
# Google Fit information
### Summary

View File

@ -1,4 +1,4 @@
# React Graph Calendar Web Part
# Graph Calendar
## Summary
This is a sample web part developed using React Framework to gather events from the underlying group calendar of a Team site. This sample also demonstrates the utilization of web parts as Teams tabs and Personal tab and offering a visualization context to change behaviors based on the platform used (Getting the proper information from the team vs. SharePoint site, understanding the context of the theme on Teams, etc.).

View File

@ -1,4 +1,4 @@
## Webpart showing Url validation for SharePoint using Office Graph
# Url validation for SharePoint using Office Graph
### Summary
This sample contains a class that evaluates the url input of a text field against the Microsoft Graph. It is possible to evalute the existance of the following three SharePoint Elements:

View File

@ -1,4 +1,4 @@
# React sample showing the use of PnPJS with MS Graph
# Using PnPJS with Microsoft Graph
## Summary
This webpart demonstrates how to use [PnPJS](https://pnp.github.io/pnpjs/) with SharePoint Framework and how to query [Microsoft Graph](https://docs.microsoft.com/en-us/graph/overview) with PnPJS.
@ -8,7 +8,7 @@ It requests a list of Azure AD [groups](https://docs.microsoft.com/en-us/graph/a
## Used SharePoint Framework Version
![drop](https://img.shields.io/badge/drop-1.7.1-green.svg)
![1.7.1](https://img.shields.io/badge/drop-1.7.1-green.svg)
## Applies to

View File

@ -1,4 +1,4 @@
## react-graph-reports
# Office 365 Usage Reports using Microsoft Graph
## Summary
This sample describe a SPFx application which retrieve an office 365 usage reports using Microsoft Graph API. This application also use chartjs library to generate graph.

View File

@ -1,7 +1,7 @@
# Spfx Webpart read / update MS Graph Custom Schema Extensions
# Read / Update Microsoft Graph Custom Schema Extensions
## Summary
This sample shows how read and update a custom Schema extension in MS Graph. It shows how to create a
This sample shows how read and update a custom Schema extension in Microsoft Graph. It shows how to create a
custom Schema extension in Graph to store custom data related to an Office 365 Group, and how we can read and update
that data using an spfx webpart.

View File

@ -1,4 +1,4 @@
# Filterable Image Gallery Web Part
# Filterable Image Gallery
## Summary
This sample describes an SPFx application which implements an image gallery with taxonomy base filtering and typed search. This application also implements pagination.

View File

@ -1,4 +1,4 @@
# React Inversion Of Control Web Part with Unit Tests using Jest and Enzyme
# React Inversion Of Control with Unit Tests using Jest and Enzyme
## Summary
This web part is provided as an example of implementing an IoC (Inversion of Control) pattern, primarily to enable unit testing, in the context of a SharePoint Framework web part.

View File

@ -1,4 +1,4 @@
## react-item-history
# Item History
## Summary
This listview command is used to show the past versions of the selected list item in a grid.

View File

@ -14,7 +14,7 @@ extensions:
createdDate: 7/17/2019 12:00:00 AM
---
# React Kanban Board Webpart
# Kanban Board
## Summary

View File

@ -14,11 +14,11 @@ extensions:
createdDate: 12/1/2017 12:00:00 AM
---
# React List Form Web Part
# List Form
## Summary
The `React List Form web part` is a web part for adding a list form to any page. It provides a working example of implementing generic SharePoint list forms using the **SharePoint Framework (SPFx)** and the _React_ and _Office UI Fabric_ libraries.
The List Form web part is a web part for adding a list form to any page. It provides a working example of implementing generic SharePoint list forms using the **SharePoint Framework (SPFx)** and the _React_ and _Office UI Fabric_ libraries.
The web part allows configuring which list to use and if a form for adding a new item, editing or displaying an existing item should be shown. When selecting display or edit form the ID can be defined either as a fixed number or as a query string parameter name. The form fields can be added, ordered using drag-and-drop or removed visually in the web part. A URL including placeholder for the ID can be provided to redirect to after successfully saving the form.

View File

@ -1,4 +1,4 @@
# React Manage Profile Card Properties
# Manage Profile Card Properties
## Summary

View File

@ -1,4 +1,4 @@
# React Site Designs Manager
# Site Designs Manager
## Summary
This web part allows tenant administrators to manage site designs through a graphical interface.
@ -8,88 +8,88 @@ Only users with Tenant Admin Role are allowed to managed tenant properties.
## Site Designs List
![site design list](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-manage-sitedesigns/assets/screen1.jpg)
![site design list](./assets/screen1.jpg)
## Add, Edit and Delete site designs
![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-manage-sitedesigns/assets/screen2.jpg)
![tenant properties](./assets/screen2.jpg)
![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-manage-sitedesigns/assets/screen3.jpg)
![tenant properties](./assets/screen3.jpg)
![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-manage-sitedesigns/assets/screen3.1.jpg)
![tenant properties](./assets/screen3.1.jpg)
![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-manage-sitedesigns/assets/screen4.jpg)
![tenant properties](./assets/screen4.jpg)
## Site Designs Rights
![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-manage-sitedesigns/assets/screen5.jpg)
![tenant properties](./assets/screen5.jpg)
![tenant properties](/assets/screen6.jpg)
![tenant properties](./assets/screen6.jpg)
![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-manage-sitedesigns/assets/screen7.jpg)
![tenant properties](./assets/screen7.jpg)
![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-manage-sitedesigns/assets/screen8.jpg)
![tenant properties](./assets/screen8.jpg)
## Site Design Site Scripts
![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-manage-sitedesigns/assets/screen9.jpg)
![tenant properties](./assets/screen9.jpg)
![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-manage-sitedesigns/assets/screen10.jpg)
![tenant properties](./assets/screen10.jpg)
![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-manage-sitedesigns/assets/screen11.jpg)
![tenant properties](./assets/screen11.jpg)
![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-manage-sitedesigns/assets/screen12.jpg)
![tenant properties](./assets/screen12.jpg)
![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-manage-sitedesigns/assets/screen13.jpg)
![tenant properties](./assets/screen13.jpg)
## Apply Site Design
![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-manage-sitedesigns/assets/screen14.jpg)
![tenant properties](./assets/screen14.jpg)
![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-manage-sitedesigns/assets/screen15.jpg)
![tenant properties](./assets/screen15.jpg)
![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-manage-sitedesigns/assets/screen16.jpg)
![tenant properties](./assets/screen16.jpg)
![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/dev/samples/react-manage-sitedesigns/assets/screen17.jpg)
![tenant properties](./assets/screen17.jpg)
## Used SharePoint Framework Version
![drop](https://img.shields.io/badge/version-1.8.0-green.svg)
![SPFx 1.8.0](https://img.shields.io/badge/version-1.8.0-green.svg)
## Applies to

View File

@ -1,4 +1,4 @@
# React Material UI
# Using Material UI
## Summary
This sample shows how you can use Material UI components in your SharePoint Framework solution. In this sample you will find some of the Material UI components like Table, Dialog, Text Field and Icon.

View File

@ -1,4 +1,4 @@
# Webpart with React and Mobx using multiple stores
# Using Mobx with multiple stores
## Summary
A sample webpart that uses the [Mobx](https://mobx.js.org/) library with multiple stores to keep track of the applications state.
@ -49,4 +49,4 @@ $ gulp serve
* MobX **computed** values
* **Typescript** version 3.3.4 using <em>@microsoft/rush-stack-compiler-3.3</em> for compatibility with the latest MobX version and typings
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-mobx-multiple-stores" />
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-mobx-multiple-stores" />

View File

@ -13,7 +13,7 @@ extensions:
- React
createdDate: 1/1/2016 12:00:00 AM
---
# Webpart with React and Mobx
# Using Mobx
## Summary
Sample webpart implementation that uses [Mobx](https://github.com/mobxjs/mobx) to keep track of its state.

View File

@ -1,4 +1,4 @@
## react-msgraph-extension
# Microsoft Graph Open Extensions
## Summary
This sample shows how to managed Microsoft Graph Open Extension in SPFx. This application uses **User** Resource to create Open Extension.

View File

@ -1,4 +1,4 @@
# Microsoft Graph People Search Web Part
# Microsoft Graph People Search
## Summary

View File

@ -1,4 +1,4 @@
# SPFx React Grid
# Multilist Grid
## Summary
React-multilist-grid is an SPFx webpart that uses React, Office-UI-Fabric, and Redux to let users edit list data from lists that reside in multiple webs and multiple sites in a single grid, similar to Quick Edit mode. The lists do not to be of the same type you just need to create column mappings to tell the webpart which fields to show in which columns of the grid.

View File

@ -1,4 +1,4 @@
# React Image Gallery
# Image Gallery
## Summary

View File

@ -13,7 +13,7 @@ extensions:
- React
createdDate: 1/1/2016 12:00:00 AM
---
# React multi-page client-side web part
# Multi-page Web Parts
## Summary

View File

@ -1,4 +1,4 @@
# SharePoint Framework React multi screen web part sample #
# Multi Screen using React Router
## Summary
@ -55,4 +55,4 @@ Version|Date|Comments
- [React Router](https://github.com/ReactTraining/react-router#readme)
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-multiscreen-webpart" />
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-multiscreen-webpart" />

View File

@ -13,7 +13,7 @@ extensions:
- React
createdDate: 6/1/2020 12:00:00 AM
---
# React My Groups
# My Groups
## Summary

View File

@ -15,7 +15,7 @@ extensions:
createdDate: 4/9/2020 12:00:00 AM
---
# React My Personal Apps (Links)
# My Personal Apps (Links)
## Summary
The Web Part My Personal Apps allows the user to define links to Applications or Sites for quick access.

View File

@ -15,7 +15,7 @@ extensions:
createdDate: 4/9/2020 12:00:00 AM
---
# React My Sites
# My Sites
## Summary

View File

@ -1,4 +1,4 @@
# React My Teams
# My Teams
## Summary

View File

@ -1,4 +1,4 @@
# React My Tasks Web Part
# My Tasks
## Summary

View File

@ -16,7 +16,7 @@ extensions:
scenarios:
- Embed
---
# React & Office Graph Web Part samples
# DEPRECATED: React & Office Graph Web Part samples
> ## DEPRECATED
> This sample makes use of deprecated or otherwise outdated packages and will no longer work. See issue [#358](https://github.com/SharePoint/sp-dev-fx-webparts/issues/358) for more information.

View File

@ -13,7 +13,7 @@ extensions:
- react
createdDate: 3/1/2018 12:00:00 AM
---
# Offline First React Webpart built using LocalForage, Whatwg-Fetch, ES6-Promise
# Offline First using LocalForage, Whatwg-Fetch, ES6-Promise
## Summary

View File

@ -1,4 +1,4 @@
## outlook-2-sp-spfx
# Outlook to SharePoint
## Summary

View File

@ -1,4 +1,4 @@
# React Page Navigator
# Page Navigator
## Summary
@ -37,4 +37,4 @@ react-page-navigator|Aakash Bhardwaj
**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.**
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-page-navigator" />
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-page-navigator" />

View File

@ -13,7 +13,7 @@ extensions:
- react
createdDate: 8/1/2017 12:00:00 AM
---
# Page Contributors Web Part
# Page Contributors
## Summary
Displays page contributors in reverse chronological order.
@ -72,4 +72,4 @@ This Web Part illustrates the following concepts on top of the SharePoint Framew
- React
- Pnp JS Core
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-pagecontributors" />
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-pagecontributors" />

View File

@ -13,7 +13,7 @@ extensions:
createdDate: 04/30/2020 12:00:00 AM
---
# React Pages Hierarchy
# Pages Hierarchy
## Summary

View File

@ -1,4 +1,4 @@
# People Directory web part
# People Directory
> NOTE: This sample is available in the [PnP Starter Kit](https://github.com/pnp/sp-starter-kit). You can find the sample code for this web part at https://github.com/SharePoint/sp-starter-kit/tree/master/solution/src/webparts/peopleDirectory.

View File

@ -1,4 +1,4 @@
# Personal Calendar web part
# Personal Calendar
> NOTE: This sample is available in the [PnP Starter Kit](https://github.com/pnp/sp-starter-kit). You can find the sample code for this web part at https://github.com/SharePoint/sp-starter-kit/tree/master/solution/src/webparts/personalCalendar.
@ -52,4 +52,4 @@ Version|Date|Comments
1.0|May 2018|Initial release
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-personal-calendar" />
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-personal-calendar" />

View File

@ -1,4 +1,4 @@
# Personal Contacts web part
# Personal Contacts
> NOTE: This sample is available in the [PnP Starter Kit](https://github.com/pnp/sp-starter-kit). You can find the sample code for this web part at https://github.com/SharePoint/sp-starter-kit/tree/master/solution/src/webparts/personalContacts.
@ -51,4 +51,4 @@ Version|Date|Comments
1.0|May 2018|Initial release
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-personal-contacts" />
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-personal-contacts" />

View File

@ -1,4 +1,4 @@
# Personal Email web part
# Personal Email
> NOTE: This sample is available in the [PnP Starter Kit](https://github.com/pnp/sp-starter-kit). You can find the sample code for this web part at https://github.com/SharePoint/sp-starter-kit/tree/master/solution/src/webparts/personalEmail.
@ -50,4 +50,4 @@ Version|Date|Comments
1.0|May 2018|Initial release
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-personal-email" />
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-personal-email" />

View File

@ -1,4 +1,4 @@
# Personal Tasks web part
# Personal Tasks
> NOTE: This sample is available in the [PnP Starter Kit](https://github.com/pnp/sp-starter-kit). You can find the sample code for this web part at https://github.com/SharePoint/sp-starter-kit/tree/master/solution/src/webparts/personalTasks.
@ -49,4 +49,4 @@ Version|Date|Comments
-------|----|--------
1.0|May 2018|Initial release
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-personal-tasks" />
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-personal-tasks" />

View File

@ -1,4 +1,4 @@
# React PnP ListView with PnP Field Controls Web Part
# PnP ListView with PnP Field Controls Web Part
Sample web part to display PnP [`ListView`](https://sharepoint.github.io/sp-dev-fx-controls-react/controls/ListView/) control with column rendering using PnP [Field Controls](https://sharepoint.github.io/sp-dev-fx-controls-react/controls/fields/main/).

View File

@ -14,7 +14,7 @@ extensions:
- react
createdDate: 11/1/2017 12:00:00 AM
---
# React Project Online
# Project Online
## Summary
This sample shows how to use SPFx to consume data from the Project Online REST API. The code uses Placeholder and ListView [reusable controls](https://github.com/SharePoint/sp-dev-fx-controls-react) to create a better experience to the end user.

View File

@ -1,4 +1,4 @@
# React Questions and Answers
# Questions and Answers
## Summary

View File

@ -1,9 +1,10 @@
# React Quick Poll
# Quick Poll
## Summary
> This component is developed for the users who really need to create a **_Poll_** within a minute and with less maintenance. **_'QuickPoll'_** list will be created automatically to store the user response.
> Following are some of the features of this component.
This component is developed for the users who really need to create a **_Poll_** within a minute and with less maintenance. **_'QuickPoll'_** list will be created automatically to store the user response.
Following are some of the features of this component.
* **_Easy_** to setup with most of the configurations are optional.
* **_Flexible_** to use without any critical configuration.
* More than one poll questions can be added.

View File

@ -1,4 +1,4 @@
# react-quotes
# Quote of the Day
## Summary

View File

@ -1,4 +1,4 @@
# Recent Contacts web part
# Recent Contacts
> NOTE: This sample is available in the [PnP Starter Kit](https://github.com/pnp/sp-starter-kit). You can find the sample code for this web part at https://github.com/SharePoint/sp-starter-kit/tree/master/solution/src/webparts/recentContacts.
@ -50,4 +50,4 @@ Version|Date|Comments
1.0|May 2018|Initial release
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-recent-contacts" />
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-recent-contacts" />

View File

@ -1,4 +1,4 @@
# Recently Used Documents web part
# Recently Used Documents
> NOTE: This sample is available in the [PnP Starter Kit](https://github.com/pnp/sp-starter-kit). You can find the sample code for this web part at https://github.com/SharePoint/sp-starter-kit/tree/master/solution/src/webparts/recentlyUsedDocuments.
@ -50,4 +50,4 @@ Version|Date|Comments
-------|----|--------
1.0|May 2018|Initial release
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-recently-used-documents" />
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-recently-used-documents" />

View File

@ -1,4 +1,4 @@
# Recently Visited Sites web part
# Recently Visited Sites
> NOTE: This sample is available in the [PnP Starter Kit](https://github.com/pnp/sp-starter-kit). You can find the sample code for this web part at https://github.com/SharePoint/sp-starter-kit/tree/master/solution/src/webparts/recentlyVisitedSites.
@ -49,4 +49,4 @@ Version|Date|Comments
-------|----|--------
1.0|May 2018|Initial release
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-recently-visited-sites" />
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-recently-visited-sites" />

View File

@ -16,7 +16,7 @@ extensions:
createdDate: 4/9/2020 12:00:00 AM
---
# React Restaurant Menu
# Restaurant Menu
## Summary

View File

@ -1,4 +1,4 @@
## SharePoint Framework RSS Reader
# RSS Reader
## Summary

View File

@ -1,4 +1,4 @@
# React Save Attachments
# Save Outlook Attachments
## Summary

View File

@ -13,7 +13,7 @@ extensions:
- react
createdDate: 12/1/2017 12:00:00 AM
---
# SPFX React Grid
# Security Grid
## Summary

Some files were not shown because too many files have changed in this diff Show More