Added more contributions

This commit is contained in:
Hugo Bernier 2023-03-15 01:23:34 -04:00
parent 810a68ebee
commit 7e97daab76
128 changed files with 279 additions and 266 deletions

View File

@ -12,7 +12,9 @@ extensions:
createdDate: 9/1/2017 12:00:00 AM
---
# Handling Multiple Editions of SPFx Solution
## Summary
This sample shows a possible approach of handling multiple editions (e.g. trial, lite, full) of SharePoint Framework solution.
## Compatibility
@ -47,14 +49,17 @@ Version|Date|Comments
1.0|August 23, 2017|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.**
## Description
### Use Case
You are an ISV and developing some product that has multiple editions, let's say, trial, lite, full. You want to have a separate package file (`.sppkg`) for each edition and also reference different CDNs based on the edition.
### Problems to address
Thinking about the use case in details we can point several problems that should be addressed:
- When we're creating a new version we should create 3 separate `.sppkg` files
- Each `.sppkg` file should contain manifest that references different CDN endpoints
@ -62,6 +67,7 @@ Thinking about the use case in details we can point several problems that should
- You should know current edition in the code to execute the logic based on the edition's restrictions
### Approach
This sample shows the approach that is based on a custom Gulp task that should be run before bundling and packaging the solution.
The name of the task is `change-build-edition`. Parameter: `edition`.
The task updates SPFx solution configuration files to contain edition-specific information:
@ -87,6 +93,7 @@ gulp deploy-azure-storage
```
## Resources
[Handling Multiple Editions of SPFx Solution](http://tricky-sharepoint.blogspot.com/2017/08/handling-multiple-editions-of-spfx.html)
<img src="https://m365-visitor-stats.azurewebsites.net/sp-dev-fx-webparts/samples/js-solution-editions" />

View File

@ -64,7 +64,7 @@ Below NPM package is used to develop this sample.
## Contributors
* [Nanddeep Nachan](https://github.com/nanddeepn) https://www.linkedin.com/in/nanddeepnachan/ (SharePoint Consultant, [@NanddeepNachan](https://twitter.com/NanddeepNachan))
* [Nanddeep Nachan](https://github.com/nanddeepn)
## Version history

View File

@ -31,7 +31,7 @@ I got the idea from this great article [Use Power Automate to Notify of Upcoming
## Contributors
* [Aimery Thomas](https://github.com/a1mery) ([@aimery_thomas](https://twitter.com/aimery_thomas))
* [Aimery Thomas](https://github.com/a1mery)
## Version history

View File

@ -43,7 +43,7 @@ None
## Contributors
* [Marcin Wojciechowski](https://github.com/mgwojciech) [@mgwojciech](https://twitter.com/mgwojciech)
* [Marcin Wojciechowski](https://github.com/mgwojciech)
## Version history

View File

@ -43,8 +43,8 @@ It is required that the users have view access on the underlying calendar.
## Contributors
* [Sébastien Levert](https://github.com/sebastienlevert) (https://www.linkedin.com/in/sebastienlevert) ([@sebastienlevert](https://twitter.com/sebastienlevert))
* [Abderahman Moujahid](https://github.com/Abderahman88) (added support for recurring events and languages)
* [Sébastien Levert](https://github.com/sebastienlevert)
* [Abderahman Moujahid](https://github.com/Abderahman88)
## Version history

View File

@ -40,7 +40,7 @@ This web part shows how to use the Microsoft Graph APIs (beta) for Taxonomy to g
## Contributors
* Anoop Tatti ([anoopt](https://github.com/anoopt), ([https://linktr.ee/anoopt](https://linktr.ee/anoopt))
* [Anoop Tatti](https://github.com/anoopt)
## Version history

View File

@ -55,6 +55,7 @@ src
## Demo
![Evaluation of web site with current debug informations][figure3]
## Applies to
@ -65,7 +66,7 @@ src
## Contributors
* [Stefan Bauer](https://github.com/n8design) (MVP, Stefan Bauer - N8D, [@stfbauer](https://twitter.com/stfbauer) )
* [Stefan Bauer](https://github.com/n8design)
## Version history

View File

@ -29,7 +29,7 @@ Sample SPFx React web part which allows sending emails using Microsoft Graph.
## Contributors
* Sergei Zheleznov (CollabStack)
* [Sergei Zheleznov](https://github.com/SergeiZheleznov)
## Version history

View File

@ -29,7 +29,7 @@ This web part will provide the functionality to search for groups in your tenant
## Contributors
* [Zach Roberts](https://github.com/zachroberts8668) ([@ZachSPODev](https://twitter.com/ZachSPODev))
* [Zach Roberts](https://github.com/zachroberts8668)
## Version history
@ -38,6 +38,7 @@ Version|Date|Comments
1.0|September 27, 2021|Initial release
## Prerequisites
There are no prerequisites to use this web part.

View File

@ -68,7 +68,7 @@ In the `package-solution.json` file, ensure that the scopes are available for th
## Contributors
* [Sébastien Levert](https://www.linkedin.com/in/sebastienlevert), Microsoft ([@sebastienlevert](https://twitter.com/sebastienlevert))
- [Sébastien Levert](https://github.com/sebastienlevert)
## Version history

View File

@ -31,7 +31,7 @@ For more information about SPFx compatibility, please refer to https://aka.ms/sp
## Contributors
* Waldek Mastykarz (MVP, Rencore, @waldekm)
* [Waldek Mastykarz](https://github.com/waldekmastykarz)
## Version history

View File

@ -31,7 +31,7 @@ It requests a list of Azure AD [groups](https://learn.microsoft.com/graph/api/gr
## Contributors
* Sergei Sergeev ([@sergeev_srg](https://twitter.com/sergeev_srg), [spblog.net](https://spblog.net/))
* [Sergei Sergeev](https://github.com/SergeevSergeiS)
## Version history

View File

@ -43,7 +43,7 @@ Suggest you to use the [Microsoft 365 CLI](https://blog.mastykarz.nl/grant-api-p
## Contributors
* Luis Mañez (MVP, [ClearPeople](http://www.clearpeople.com), @luismanez)
- [Luis Mañez](https://github.com/luismanez)
## Version history

View File

@ -34,7 +34,7 @@ Office 365 Groups, for instance Sales information, and make it available in the
## Contributors
* Luis Mañez (MVP, [ClearPeople](http://www.clearpeople.com), @luismanez)
* [Luis Mañez](https://github.com/luismanez)
## Version history

View File

@ -40,8 +40,8 @@ The web part will fetch data from directory using Graph API and display in detai
## Contributors
* [Dipen Shah](https://github.com/Dips365) ([@Dips_365](https://twitter.com/Dips_365))
* [Aimery Thomas](https://github.com/a1mery) ([@aimery_thomas](https://twitter.com/aimery_thomas))
* [Dipen Shah](https://github.com/Dips365)
* [Aimery Thomas](https://github.com/a1mery)
* [mrkhandev](https://github.com/mrkhandev)

View File

@ -31,7 +31,7 @@ This app is an example of managing the membership of a group you own including t
## Contributors
* [Nick Brown](https://github.com/techienickb) ([Jisc](https://www.jisc.ac.uk), [@techienickb](https://twitter.com/techienickb))
* [Nick Brown](https://github.com/techienickb)
## Version history

View File

@ -40,7 +40,7 @@ Web part pulls all Microsoft 365 Groups and Teams that the logged in user has ac
## Contributors
* [Alison Collins](https://github.com/ReactIntern) ([Blog](https://graphgod.dev), [LinkedIn](https://www.linkedin.com/in/alison-collins-53192b219/))
* [Alison Collins](https://github.com/ReactIntern)
## Version history

View File

@ -31,7 +31,7 @@ This solution creates a customisable Hero web part, it uses a stored collection
## Contributors
* [Omar El-Anis](https://github.com/omarelanis) @ SP Bytes www.spbytes.com
* [Omar El-Anis](https://github.com/omarelanis)
## Version history

View File

@ -51,7 +51,7 @@ For more information about SPFx compatibility, please refer to <https://aka.ms/s
## Contributors
* [Harminder Singh](https://github.com/HarminderSethi) <https://www.linkedin.com/in/harmindersinghsethi/>
* [Harminder Singh](https://github.com/HarminderSethi)
## Version history

View File

@ -29,6 +29,7 @@ Hooks is a new feature included in React version 16.8, with the new version of *
* [Microsoft 365 tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment)
## Prerequisites
Existing list in tenant root site, with the Title "AvengersList" and columns:
Column Internal Name|Type|Required|Comments
@ -38,7 +39,7 @@ Title| Text| true
## Contributors
* [Adrián Díaz](https://github.com/AdrianDiaz81) [@AdrianDiaz81](https://www.twitter.com/adriandiaz81)
* [Adrián Díaz](https://github.com/AdrianDiaz81)
## Version history

View File

@ -29,7 +29,7 @@ This Web Part provides an example of how to create a dynamic template system (co
## Contributors
* [Fabio Franzini](https://www.linkedin.com/in/fabiofranzini/) ([@franzinifabio](https://twitter.com/franzinifabio)), fabiofranzini.com
* [Fabio Franzini](https://github.com/fabiofranzini)
## Version history

View File

@ -65,7 +65,7 @@ References to office-ui-fabric-react version 5.x because of SharePoint 2019 Supp
## Contributors
* [Peter Paul Kirschner](https://github.com/petkir) ([@petkir_at](https://twitter.com/petkir_at))
* [Peter Paul Kirschner](https://github.com/petkir)
Thanks to [celum](https://www.celum.com/) and [cubido](https://www.cubido.at/) to allow to share this code.

View File

@ -29,7 +29,7 @@ This sample describes an SPFx application which implements an image gallery with
## Contributors
* [Ejaz Hussain](https://github.com/ejazhussain)
* [Ari Gunawan](https://github.com/AriGunawan) ([@arigunawan3023](https://twitter.com/arigunawan3023))
* [Ari Gunawan](https://github.com/AriGunawan)
## Version history

View File

@ -49,7 +49,7 @@ This web part allow to magnify an image, displaying a resolution more detailed t
## Contributors
* [Giuliano De Luca](https://github.com/giuleon) ([@giuleon](https://twitter.com/giuleon) , [www.delucagiuliano.com](delucagiuliano.com))
* [Giuliano De Luca](https://github.com/giuleon)
## Version history

View File

@ -1,6 +1,7 @@
# Image Slider from Photo Gallery using Taxonomy Filter
## Summary
This web part display the image in slider based on the filter of Taxonomy from Property panel. Images are stored in PhotoGallery and tagged with Taxonomy. This web part showcase 3 important implementation.
- How to add the Terms in the propertypage and pass the values to react component
@ -41,7 +42,7 @@ For more information about SPFx compatibility, please refer to https://aka.ms/sp
## Contributors
* Sudhir Rawat
- [Sudhir Rawat](https://github.com/sudhir007rawat)
## Version history

View File

@ -41,7 +41,7 @@ This web parts displays a (world) map. An editor can set custom markers directly
## Contributors
* [Sergej Schwabauer](https://github.com/SPFxAppDev) ([@spfxappdev](https://twitter.com/spfxappdev))
* [Sergej Schwabauer](https://github.com/SPFxAppDev)
## Version history

View File

@ -57,7 +57,7 @@ Look at this to go deep:
## Contributors
* [Giuliano De Luca](https://github.com/giuleon) ([@giuleon](https://twitter.com/giuleon) , [www.delucagiuliano.com](http://www.delucagiuliano.com))
* [Giuliano De Luca](https://github.com/giuleon)
## Version history

View File

@ -89,7 +89,7 @@ The sample uses SPFx web part, but the same setup applies for SPFx extensions an
## Contributors
* [Velin Georgiev](https://github.com/VelinGeorgiev) ( [@VelinGeorgiev](https://twitter.com/velingeorgiev) )
* [Velin Georgiev](https://github.com/VelinGeorgiev)
## Version history

View File

@ -61,10 +61,10 @@ The Task list can be chosen using the web part properties (BaseTemplate 171 or 1
## Contributors
* [Ram Prasad Meenavalli](https://github.com/RamPrasadMeenavalli) ([@ram_meenavalli](https://twitter.com/ram_meenavalli))
* [Daniel Westerdale](https://github.com/westerdaled) ([Westerdale Solutions Ltd.](https://westerdale.blog), [@westerdaled](https://twitter.com/westerdaled?s=20))
* [Peter Paul Kirschner](https://github.com/petkir) ([@petkir_at](https://twitter.com/petkir_at))
* [Alex Terentiev](https://github.com/AJIXuMuK) ([@alexaterentiev](https://twitter.com/alexaterentiev))
* [Ram Prasad Meenavalli](https://github.com/RamPrasadMeenavalli)
* [Daniel Westerdale](https://github.com/westerdaled)
* [Peter Paul Kirschner](https://github.com/petkir)
* [Alex Terentiev](https://github.com/AJIXuMuK)
## Version history
@ -78,6 +78,7 @@ Version|Date|Comments
[Read More about the implementation of this Board](./src/kanban/README.md)
## Usage
* PNP Placeholder control if not Configured
* PNP WebpartTitle control (toggle Show/Hide in property pane)
* PNP OrderPropertyPane control (change position of buckets)

View File

@ -51,7 +51,7 @@ m365 spo serviceprincipal grant add --resource 'Teamified_Services' --scope 'Tea
## Contributors
* [Luis Mañez](https://github.com/luismanez) ([MS MVP](https://mvp.microsoft.com/en-us/PublicProfile/5002617), [ClearPeople](https://www.clearpeople.com), [@luismanez](https://twitter.com/luismanez))
* [Luis Mañez](https://github.com/luismanez)
## Version history

View File

@ -52,12 +52,12 @@ You'll need to connect to a list before you can use this sample.
## Contributors
* [Dany Wyss](https://github.com/DanyWyss)
* [Harsha Vardhini](https://github.com/Harshagracy) ([@harshagracy](https://twitter.com/harshagracy))
* [Ryan Schouten](https://github.com/sharepointknight) ([@shrpntknight](https://twitter.com/shrpntknight))
* [Harsha Vardhini](https://github.com/Harshagracy)
* [Ryan Schouten](https://github.com/sharepointknight)
* [Abderahman Moujahid](https://github.com/Abderahman88)
* [Kman1131](https://github.com/Kman1131)
* [Fredrik Thorild](https://github.com/fthorild) [@fthorild](https://twitter.com/fthorild)
* [Ari Gunawan](https://github.com/AriGunawan) ([@arigunawan3023](https://twitter.com/arigunawan3023)) |
* [Fredrik Thorild](https://github.com/fthorild)
* [Ari Gunawan](https://github.com/AriGunawan)
## Version history

View File

@ -48,7 +48,7 @@ Select Field to Group By | dropdown|yes
The Web Part Use PnPjs library, Fluent-Ui-react components
* [João Mendes](https://github.com/joaojmendes) ([@joaojmendes](https://twitter.com/joaojmendes))
* [João Mendes](https://github.com/joaojmendes)

View File

@ -49,7 +49,7 @@ Select Field to Group By | dropdown|yes
The Web Part Use PnPjs library, Fluent-Ui-react components
* [João Mendes](https://github.com/joaojmendes) ([@joaojmendes](https://twitter.com/joaojmendes))
* [João Mendes](https://github.com/joaojmendes)
* [Ravi Chandra](https://github.com/Ravikadri)

View File

@ -80,7 +80,7 @@ This list search web part allows the user to show data from lists or libraries.
## Contributors
* [Alberto Gutiérrez](https://github.com/albegut) ([@albertogperez](https://twitter.com/albertogperez))
* [Alberto Gutiérrez](https://github.com/albegut)
## Version history

View File

@ -41,7 +41,7 @@ For further details see the author's [blog post](https://mmsharepoint.wordpress.
## Contributors
* [Markus Moeller](https://github.com/mmsharepoint) ([@moeller2_0](http://www.twitter.com/moeller2_0))
* [Markus Moeller](https://github.com/mmsharepoint)
## Version history

View File

@ -53,7 +53,7 @@ For more information about SPFx compatibility, please refer to <https://aka.ms/s
## Contributors
[Harminder Singh](https://github.com/HarminderSethi) <https://www.linkedin.com/in/harmindersinghsethi/> |
[Harminder Singh](https://github.com/HarminderSethi)
## Version history

View File

@ -1,12 +1,14 @@
## Manage Office 365 Groups with SPFx
### Summary
Office 365 Groups is the foundational membership service, that drives all teamwork across Microsoft 365. Once in a group, we can get the benefits of the group-connected services like shared Outlook inbox, shared calendar, SharePoint site, Planner, Power BI, Yammer, and Teams.
Is there a way to see all Office 365 Groups in a tenant?
*Yes, partially. You can view and manage your own groups in Outlook on the web.*
This SPFx solution goes beyond this limitation and provides below functionalities using MS Graph APIs:
1. List all public and private groups with basic information (name, description, privacy, logo, etc.)
2. Search the group
3. Join and leave public groups
@ -18,11 +20,14 @@ This SPFx solution goes beyond this limitation and provides below functionalitie
![WebPart Preview](./assets/web-part-preview.gif)
### NPM Packages Used
Below NPM package(s) are used to develop this sample:
1. PnP/PnPjs (https://pnp.github.io/pnpjs/)
2. @pnp/spfx-controls-react (https://sharepoint.github.io/sp-dev-fx-controls-react/)
1. PnP/PnPjs (<https://pnp.github.io/pnpjs/>)
2. @pnp/spfx-controls-react (<https://sharepoint.github.io/sp-dev-fx-controls-react/>)
### Project setup and important files
```txt
react-manage-o365-groups
├── Power Automate Flow <-- Power Automate Flow Templates
@ -59,7 +64,6 @@ react-manage-o365-groups
└── mystrings.d.ts
```
## Compatibility
| :warning: Important |
@ -77,14 +81,15 @@ react-manage-o365-groups
![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg)
## Demo
The SPFx solution provides below functionalities:
### O365 Group Listing and Search
The web part lists all public and private O365 groups and helps to search the group by name.
![Group Listing and Search](./assets/group-listing-search.gif)
Below are the list of options available for user based on the role.
Group Visibility|Role|Action
@ -97,39 +102,45 @@ Private|Member|Leave Group
Private|-|Request to Join Group
### Join the Public Group
Clicking "Join Group" icon against the O365 group helps to join the public group.
![Join Public Group](./assets/join-group.gif)
### Join the Private Group
Clicking "Request to Join Group" icon against the O365 group helps to send the approval request to the owners of the private group. The approval takes place using Power Automate.
![Join Private Group](./assets/join-private-group.gif)
### Leave the Group
Clicking "Leave Group" icon against the O365 group helps to leave the public and private group.
![Leave Group](./assets/leave-group.gif)
### Create New Group
The web part helps to create new O365 group.
![New Group](./assets/new-group.gif)
## Applies to
* [SharePoint Framework Developer Preview](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
* [SharePoint Online](https://learn.microsoft.com/sharepoint/sharepoint-online)
* [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
# Web Part Properties
Property|Type|Required|Comments
--------|----|--------|--------
Flow URL|Text|No|URL of MS Flow (Power Automate) to join the private group
# Solution
* [Nanddeep Nachan](https://github.com/nanddeepn) (https://www.linkedin.com/in/nanddeepnachan/) (SharePoint Consultant, [@NanddeepNachan](https://twitter.com/NanddeepNachan) )
* [Smita Nachan](https://github.com/SmitaNachan) (https://www.linkedin.com/in/smitanachan/) (SharePoint Consultant, [@SmitaNachan](https://twitter.com/SmitaNachan) )
* [Nanddeep Nachan](https://github.com/nanddeepn)
* [Smita Nachan](https://github.com/SmitaNachan)
## Version history
@ -139,12 +150,13 @@ Version|Date|Comments
# Prerequisites
- Administrative access to Azure AD of Office 365 tenant
- Permissions to create a flow in Power Automate (prior MS Flow)
- Set up Power Automate flow for approval to join private group. Please refer [Calling Graph API from Power Automate Flow](https://www.c-sharpcorner.com/article/calling-graph-api-from-power-automate-flow/)
- SharePoint Online tenant
- Site Collection created under the **/sites/** or **/**-
- You need following set of permissions in order to manage Office 365 groups. Find out more about consuming the [Microsoft Graph API in the SharePoint Framework](https://learn.microsoft.com/sharepoint/dev/spfx/use-aad-tutorial)
* Administrative access to Azure AD of Office 365 tenant
* Permissions to create a flow in Power Automate (prior MS Flow)
* Set up Power Automate flow for approval to join private group. Please refer [Calling Graph API from Power Automate Flow](https://www.c-sharpcorner.com/article/calling-graph-api-from-power-automate-flow/)
* SharePoint Online tenant
* Site Collection created under the **/sites/** or **/**-
* You need following set of permissions in order to manage Office 365 groups. Find out more about consuming the [Microsoft Graph API in the SharePoint Framework](https://learn.microsoft.com/sharepoint/dev/spfx/use-aad-tutorial)
```
"webApiPermissionRequests": [
{
@ -180,37 +192,37 @@ Version|Date|Comments
# Minimal Path to Awesome
- Clone this repo
- Navigate to the folder with current sample
- Restore dependencies: `$ npm i`
- Bundle the solution: `$ gulp bundle --ship`
- Package the solution: `$ gulp package-solution --ship`
- Locate the solution at `./sharepoint/solution/react-manage-o365-groups.sppkg` and upload it to SharePoint tenant app catalog
- You will see a message saying that solution has pending permissions which need to be approved:
* Clone this repo
* Navigate to the folder with current sample
* Restore dependencies: `$ npm i`
* Bundle the solution: `$ gulp bundle --ship`
* Package the solution: `$ gulp package-solution --ship`
* Locate the solution at `./sharepoint/solution/react-manage-o365-groups.sppkg` and upload it to SharePoint tenant app catalog
* You will see a message saying that solution has pending permissions which need to be approved:
![Pending permission requests](./assets/pending-permission-requests.png)
- Approve the permission requests. There are [different options available](https://learn.microsoft.com/sharepoint/dev/spfx/use-aadhttpclient#manage-permission-requests) - new SharePoint Admin UI, PowerShell, [`$o365`](https://pnp.github.io/office365-cli/) cli.
- For the matter of this sample, the fastest way to do it is through new SharePoint Admin UI.
- Open Web API permission management page by navigating to the url `https://<tenant>-admin.sharepoint.com/_layouts/15/online/AdminHome.aspx#/webApiPermissionManagement` (change the `<tenant>` to your O365 tenant name) or by going to the new Admin UI directly from old SharePoint Admin Center.
- Select pending requests and approve it:
* Approve the permission requests. There are [different options available](https://learn.microsoft.com/sharepoint/dev/spfx/use-aadhttpclient#manage-permission-requests) - new SharePoint Admin UI, PowerShell, [`$o365`](https://pnp.github.io/office365-cli/) cli.
* For the matter of this sample, the fastest way to do it is through new SharePoint Admin UI.
* Open Web API permission management page by navigating to the url `https://<tenant>-admin.sharepoint.com/_layouts/15/online/AdminHome.aspx#/webApiPermissionManagement` (change the `<tenant>` to your O365 tenant name) or by going to the new Admin UI directly from old SharePoint Admin Center.
* Select pending requests and approve it:
![Approve request from new Admin UI](./assets/approve-request.gif)
- Run `$ gulp serve --nobrowser`
- Open hosted workbench, i.e. `https://<tenant>.sharepoint.com/sites/<your site>/_layouts/15/workbench.aspx`
- Search and add `O365 Groups Manager` web part to see it in action
* Run `$ gulp serve --nobrowser`
* Open hosted workbench, i.e. `https://<tenant>.sharepoint.com/sites/<your site>/_layouts/15/workbench.aspx`
* Search and add `O365 Groups Manager` web part to see it in action
# Features
This project contains sample client-side web part built on the SharePoint Framework illustrating possibilities to manage Office 365 Groups using React and MS Graph.
This sample illustrates the following concepts on top of the SharePoint Framework:
- Using PnP/PnPjs
- Creating extensible services
- Explore MS Graph APIs for Office 365 Group
- Using the MSGraphClient in a SharePoint Framework web part
- Requesting API permissions in a SharePoint Framework package
- Communicating with the Microsoft Graph using its REST API
- Using Office UI Fabric controls for building SharePoint Framework client-side web parts
- Passing web part properties to React components
- Call MS Flow (Power Automate) flow from SharePoint Framework web part
* Using PnP/PnPjs
* Creating extensible services
* Explore MS Graph APIs for Office 365 Group
* Using the MSGraphClient in a SharePoint Framework web part
* Requesting API permissions in a SharePoint Framework package
* Communicating with the Microsoft Graph using its REST API
* Using Office UI Fabric controls for building SharePoint Framework client-side web parts
* Passing web part properties to React components
* Call MS Flow (Power Automate) flow from SharePoint Framework web part
## Video
@ -232,10 +244,8 @@ For questions regarding this sample, [create a new question](https://github.com/
Finally, if you have an idea for improvement, [make a suggestion](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Aenhancement%2Csample%3A%20react-manage-o365-groups&template=question.yml&sample=react-manage-o365-groups&authors=@nanddeepn%20@SmitaNachan&title=react-manage-o365-groups%20-%20).
## 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.**
<img src="https://m365-visitor-stats.azurewebsites.net/sp-dev-fx-webparts/samples/react-manage-o365-groups" />

View File

@ -32,7 +32,7 @@ For more information about SPFx compatibility, please refer to https://aka.ms/sp
## Contributors
* Luis Mañez (MVP, [ClearPeople](http://www.clearpeople.com), @luismanez)
* [Luis Mañez](https://github.com/luismanez)
## Version history

View File

@ -34,7 +34,7 @@ None.
## Contributors
* [Pieter Heemeryck](https://github.com/PieterHeemeryck) ([@heemeryckpieter](https://twitter.com/heemeryckpieter))
* [Pieter Heemeryck](https://github.com/PieterHeemeryck)
## Version history

View File

@ -33,7 +33,7 @@ For more information about SPFx compatibility, please refer to https://aka.ms/sp
## Contributors
* Kemal Sinanagic / [@kemicza](http://twitter.com/kemicza) / kemicza@gmail.com
* Kemal Sinanagic
## Version history

View File

@ -52,7 +52,7 @@ For more information about SPFx compatibility, please refer to https://aka.ms/sp
## Contributors
* Kevin Mees <kev.mees@gmail.com> (Experts Inside GmbH, @kmees)
* [Kevin Mees](https://github.com/kmees)
## Version history

View File

@ -66,8 +66,8 @@ Current Data Functions:
## Contributors
* [Jeremy Coleman](https://github.com/jcoleman-pcprofessional) (MCP, PC Professional, Inc.)
* [Peter Paul Kirschner](https://github.com/petkir) ([@petkir_at](https://twitter.com/petkir_at))
* [Jeremy Coleman](https://github.com/jcoleman-pcprofessional)
* [Peter Paul Kirschner](https://github.com/petkir)
* [Abderahman Moujahid](https://github.com/Abderahman88)
## Version history

View File

@ -57,7 +57,7 @@ After you gave permissions, the following will information will get displayed:
## Contributors
* [Elio Struyf](https://github.com/estruyf) (MVP, [U2U](https://www.u2u.be), [@eliostruyf](https://www.twitter.com/eliostruyf))
* [Elio Struyf](https://github.com/estruyf)
## Version history

View File

@ -45,7 +45,7 @@ I wrote a blog post covering more if the inner workings, you can find it at [SPF
## Contributors
* Yannick Reekmans ([YannickReekmans](https://twitter.com/YannickReekmans))
- [Yannick Reekmans](https://github.com/YannickRe)
## Version history

View File

@ -95,7 +95,7 @@ Use the Undo icon to undo the changes made to an item.
## Contributors
* Russell Gove
* [Russell Gove](https://github.com/russgove)
## Version history

View File

@ -64,6 +64,7 @@ It uses Microsoft Graph API to get thumbnails and image/video url and use PnPjs
The web part Use PnPjs library, Microsoft Graph API, Office-ui-fabric-react components, react-slick Component
* [João Mendes](https://github.com/joaojmendes)
* [Peter Paul Kirschner](https://github.com/petkir)
## Version history

View File

@ -37,8 +37,9 @@ The web part utilizes the usage of hashes in the URL so different screen will be
## Contributors
* [Velin Georgiev](https://github.com/VelinGeorgiev) ([@VelinGeorgiev](https://twitter.com/velingeorgiev)), Stefan Bauer ([@StfBauer](https://twitter.com/stfbauer))
* [Ari Gunawan](https://github.com/AriGunawan) ([@arigunawan3023](https://twitter.com/arigunawan3023))
* [Velin Georgiev](https://github.com/VelinGeorgiev)
* [Stefan Bauer](https://github.com/n8design)
* [Ari Gunawan](https://github.com/AriGunawan)
## Version history

View File

@ -45,7 +45,7 @@ For more information, see [docs](https://docs.microsoft.com/ja-jp/sharepoint/dev
## Contributors
* [Takashi Shinohara](https://github.com/karamem0) ([@karamem0](https://twitter.com/karamem0))
* [Takashi Shinohara](https://github.com/karamem0)
## Version history

View File

@ -60,7 +60,7 @@ This web part provides loggedin user's outlook events with some advanced feature
## Contributors
* [Chandani Prajapati](https://github.com/chandaniprajapati) ([@Chandani_SPD](https://twitter.com/Chandani_SPD))
* [Chandani Prajapati](https://github.com/chandaniprajapati)
## Version history

View File

@ -41,7 +41,7 @@ For more information about SPFx compatibility, please refer to <https://aka.ms/s
## Contributors
* [Harminder Singh](https://github.com/HarminderSethi) <https://www.linkedin.com/in/harmindersinghsethi/> |
* [Harminder Singh](https://github.com/HarminderSethi)
## Version history

View File

@ -7,7 +7,6 @@ The web part can be configured to open the team on the web browser or client app
![Demo](./assets/Preview.png)
## Compatibility
| :warning: Important |
@ -33,9 +32,8 @@ The web part can be configured to open the team on the web browser or client app
## Contributors
* Joel Rodrigues
* [Yves Habersaat](https://github.com/yhabersaat) |
- [Joel Rodrigues](https://github.com/joelfmrodrigues)
- [Yves Habersaat](https://github.com/yhabersaat)
## Version history
@ -44,7 +42,6 @@ The web part can be configured to open the team on the web browser or client app
| 1.1 | December 18, 2021 | Upgraded for SPFx v1.13.1 |
| 1.0 | February 26, 2019 | Initial release |
## Minimal Path to Awesome
- Clone this repository (or [download this solution as a .ZIP file](https://pnp.github.io/download-partial/?url=https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-my-teams) then unzip it)
@ -56,9 +53,9 @@ npm install
gulp serve --nobrowser
```
Navigate to the hosted version of SharePoint workbench, eg. https://contoso.sharepoint.com/_layouts/15/workbench.aspx
Navigate to the hosted version of SharePoint workbench, eg. <https://contoso.sharepoint.com/_layouts/15/workbench.aspx>
> This sample can also be opened with [VS Code Remote Development](https://code.visualstudio.com/docs/remote/remote-overview). Visit https://aka.ms/spfx-devcontainer for more information.
> This sample can also be opened with [VS Code Remote Development](https://code.visualstudio.com/docs/remote/remote-overview). Visit <https://aka.ms/spfx-devcontainer> for more information.
### Grant the service principal permission to the Microsoft Graph API
@ -77,7 +74,6 @@ o365 spo serviceprincipal grant add --resource 'Microsoft Graph' --scope 'Group.
This Web Part lists all the teams the current user is a member of.
## Help
We do not support samples, but this community is always willing to help, and we want to improve these samples. We use GitHub to track issues, which makes it easy for community members to volunteer their time and help resolve issues.
@ -94,10 +90,8 @@ For questions regarding this sample, [create a new question](https://github.com/
Finally, if you have an idea for improvement, [make a suggestion](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Aenhancement%2Csample%3A%20react-my-teams&template=suggestion.yml&sample=react-my-teams&authors=@joelfmrodrigues @yhabersaat&title=react-my-teams%20-%20).
## 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.**
<img src="https://m365-visitor-stats.azurewebsites.net/sp-dev-fx-webparts/samples/react-my-teams" />

View File

@ -84,7 +84,7 @@ WebPart Title| Text| no|
The Web Part Use PnPjs library, Office-ui-fabric-react components and MSGraph API's
* [João Mendes](https://github.com/joaojmendes)
My Tasks |[Swaminathan Sriram](https://github.com/Swaminathan-Sriram)
* [Swaminathan Sriram](https://github.com/Swaminathan-Sriram)
## Version history

View File

@ -27,7 +27,7 @@ This web part shows news information as a Banner, this information come from a l
## Contributors
* [João Mendes](https://github.com/joaojmendes), Storm Technology, ([@joaojmendes](https://twitter.com/joaojmendes))
* [João Mendes](https://github.com/joaojmendes)
## Version history

View File

@ -43,7 +43,7 @@ Web part pulls all SharePoint News Posts that the logged in user has access to v
## Contributors
- [Alison Collins](https://github.com/ReactIntern) ([Blog](https://graphgod.dev), [LinkedIn](https://www.linkedin.com/in/alison-collins-53192b219/))
- [Alison Collins](https://github.com/ReactIntern)
## Prerequisites

View File

@ -53,6 +53,10 @@ For more information about SPFx compatibility, please refer to <https://aka.ms/s
> Get your own free development tenant by subscribing to [Microsoft 365 developer program](http://aka.ms/m365devprogram)
## Contributors
* [Markus Moeller](https://github.com/mmsharepoint)
## Version history
Version|Date|Author|Comments

View File

@ -22,13 +22,13 @@ offline first.
This web part would not be possible without the great tools provided, please
read the documentation for
* [LocalForage](https://github.com/localForage/localForage)
* [ES6-Promise](https://github.com/stefanpenner/es6-promise)
* [Whatwg-Fetch](https://github.com/whatwg/fetch)
![Sample of the offline first web part](./assets/preview.gif)
## Compatibility
| :warning: Important |
@ -45,7 +45,6 @@ read the documentation for
![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg)
![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg)
## Applies to
* [SharePoint Framework Developer Preview](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
@ -53,9 +52,7 @@ read the documentation for
## Contributors
Solution |Author(s)
--------------------|---------
react-offline-first |[Austin Breslin](https://github.com/AustinBreslinDev)
- [Austin Breslin](https://github.com/AustinBreslinDev)
## Version history
@ -65,19 +62,17 @@ Version |Date | Comments
0.0.2 |17/Feb/18 | Separated interfaces into their own files.
0.0.3 |18/Feb/18 | Updated JSDocs, and and created readme.
## Minimal Path to Awesome
- Clone this repo
- In the command line run:
- `npm install`
- `tsd install`
- `gulp serve`
- Open the *workbench* on your Office 365 Developer tenant
- Test out the web part
* Clone this repo
* In the command line run:
* `npm install`
* `tsd install`
* `gulp serve`
* Open the *workbench* on your Office 365 Developer tenant
* Test out the web part
> This sample can also be opened with [VS Code Remote Development](https://code.visualstudio.com/docs/remote/remote-overview). Visit https://aka.ms/spfx-devcontainer for further instructions.
> This sample can also be opened with [VS Code Remote Development](https://code.visualstudio.com/docs/remote/remote-overview). Visit <https://aka.ms/spfx-devcontainer> for further instructions.
## Features
@ -98,15 +93,14 @@ any blocking for the user.
This Web Part illustrates the following concepts on top of the SharePoint Framework:
- Using offline first techniques, store locally, retrieve locally before making
* Using offline first techniques, store locally, retrieve locally before making
HTTP requests.
- Async looping, can be found in the Queue System.
- Performance techniques for browsers, async looping does not block render,
* Async looping, can be found in the Queue System.
* Performance techniques for browsers, async looping does not block render,
using local storage first reduces the time to draw the initial page load.
## 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.**
<img src="https://m365-visitor-stats.azurewebsites.net/sp-dev-fx-webparts/samples/react-offline-first" />

View File

@ -49,7 +49,7 @@ Below a draw resuming the custom query's made and what control uses to retrieve
## Contributors
* [André Lage](https://github.com/aaclage) ([http://aaclage.blogspot.com](http://aaclage.blogspot.com), [@aaclage](https://twitter.com/aaclage))
* [André Lage](https://github.com/aaclage)
## Version history

View File

@ -38,7 +38,7 @@ This sample is optimally compatible with the following environment configuration
## Contributors
- Anoop Tatti ( [anoopt](https://github.com/anoopt), [https://linktr.ee/anoopt](https://linktr.ee/anoopt) )
- [Anoop Tatti](https://github.com/anoopt)
## Version history

View File

@ -50,7 +50,7 @@ For more information about SPFx compatibility, please refer to https://aka.ms/sp
## Contributors
* Vardhaman Deshpande ([@vrdmn](https://twitter.com/vrdmn) , [vrdmn.com](http://vrdmn.com))
* [Vardhaman Deshpande](https://github.com/vman)
## Version history

View File

@ -34,7 +34,7 @@ A set of webparts that lets you set property bag settings on site collections an
## Contributors
* Russell Gove
* [Russell Gove](https://github.com/russgove)
## Version history

View File

@ -48,7 +48,7 @@ More details in my post here: [Using Redux Async Actions and ImmutableJS in Shar
## Contributors
* Vardhaman Deshpande [@vrdmn](https://twitter.com/vrdmn)
* [Vardhaman Deshpande](https://github.com/vman)
## Version history

View File

@ -38,7 +38,7 @@ Sample web part to demonstrate the use of [Redux-Form](https://github.com/erikra
## Contributors
* Vipul Kelkar @vipulkelkar
* [Vipul Kelkar](https://github.com/vipulkelkar)
## Version history

View File

@ -31,7 +31,7 @@ None
## Contributors
* [Dan Toft](https://github.com/Tanddant) ([@tanddant](https://twitter.com/tanddant))
* [Dan Toft](https://github.com/Tanddant)
## Version history

View File

@ -46,7 +46,7 @@ Edit refiner
## Contributors
* [Dan Turley](https://github.com/d-turley), Avanade
* [Dan Turley](https://github.com/d-turley)
## Version history

View File

@ -44,8 +44,8 @@ Main features include:
## Contributors
* [Eric Overfield](https://github.com/eoverfield) -[@ericoverfield](http://www.twitter.com/ericoverfield)
react-rss-reader | [Abderahman Moujahid](https://github.com/Abderahman88)
* [Eric Overfield](https://github.com/eoverfield)
* [Abderahman Moujahid](https://github.com/Abderahman88)
## Version history

View File

@ -44,12 +44,12 @@ This sample shows how we can use the [ReactiveX (RxJs)](http://reactivex.io/) li
## Prerequisites
- Office 365 subscription with SharePoint Online.
- SharePoint Framework [development environment](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment) already set up.
* Office 365 subscription with SharePoint Online.
* SharePoint Framework [development environment](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment) already set up.
## Contributors
* [Velin Georgiev](https://github.com/VelinGeorgiev) ( [@VelinGeorgiev](https://twitter.com/velingeorgiev) )
* [Velin Georgiev](https://github.com/VelinGeorgiev)
## Version history
@ -61,28 +61,27 @@ Version|Date|Comments
## Minimal Path to Awesome
- Clone this repository.
- Open the command line, navigate to the web part folder and execute:
- `npm i`
- `gulp serve`
* Clone this repository.
* Open the command line, navigate to the web part folder and execute:
* `npm i`
* `gulp serve`
> This sample can also be opened with [VS Code Remote Development](https://code.visualstudio.com/docs/remote/remote-overview). Visit https://aka.ms/spfx-devcontainer for further instructions.
> This sample can also be opened with [VS Code Remote Development](https://code.visualstudio.com/docs/remote/remote-overview). Visit <https://aka.ms/spfx-devcontainer> for further instructions.
## Features
This Web Part illustrates the following concepts on top of the SharePoint Framework:
- Using React for building SharePoint Framework client-side web parts.
- Using Office UI Fabric React styles for building user experience consistent with SharePoint and Office.
- The use the ReactiveX (RxJs) Event Emitter to broadcast messages (events).
- The use the ReactiveX (RxJs) Event Emitter to subscribe and receive broadcasted messages (events).
* Using React for building SharePoint Framework client-side web parts.
* Using Office UI Fabric React styles for building user experience consistent with SharePoint and Office.
* The use the ReactiveX (RxJs) Event Emitter to broadcast messages (events).
* The use the ReactiveX (RxJs) Event Emitter to subscribe and receive broadcasted messages (events).
## Making the RxJsEventEmitter external SPFx library.
## Making the RxJsEventEmitter external SPFx library
The RxJsEventEmitter library can be turned into external library so it can be used by multiple SPFx solutions.
There is a very good [blog post](https://blog.mastykarz.nl/dll-code-sharepoint-framework/) by @waldekmastykarz how this can be done.
## Help
We do not support samples, but this community is always willing to help, and we want to improve these samples. We use GitHub to track issues, which makes it easy for community members to volunteer their time and help resolve issues.
@ -99,10 +98,8 @@ For questions regarding this sample, [create a new question](https://github.com/
Finally, if you have an idea for improvement, [make a suggestion](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Aenhancement%2Csample%3A%20react-rxjs-event-emitter&template=question.yml&sample=react-rxjs-event-emitter&authors=@VelinGeorgiev&title=react-rxjs-event-emitter%20-%20).
## 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.**
<img src="https://m365-visitor-stats.azurewebsites.net/sp-dev-fx-webparts/samples/react-rxjs-event-emitter" />

View File

@ -38,7 +38,7 @@ This web part illustrates the below features for creating Outlook Add-Ins using
## Contributors
* [Aakash Bhardwaj](https://github.com/aakashbhardwaj619) ([@aakash_316](https://twitter.com/aakash_316))
* [Aakash Bhardwaj](https://github.com/aakashbhardwaj619)
## Version history

View File

@ -95,6 +95,7 @@ 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.
@ -121,7 +122,7 @@ If your scripts rely on the classic _spPageContextInfo, you can enable that in t
## Contributors
* [Mikael Svenson](https://github.com/wobba) ([@mikaelsvenson](http://www.twitter.com/mikaelsvenson), [techmikael.com](techmikael.com))
* [Mikael Svenson](https://github.com/wobba)
## Version history

View File

@ -169,7 +169,7 @@ This sample is optimally compatible with the following environment configuration
## Contributors
* [Mikael Svenson](https://github.com/wobba) ([@mikaelsvenson](http://www.twitter.com/mikaelsvenson), [techmikael.com](techmikael.com))
* [Mikael Svenson](https://github.com/wobba)
* [Felix Bohnacker](https://github.com/felixbohnackerfelixbohnacker)
## Version history

View File

@ -47,7 +47,7 @@ Sample Search Web Part with internal and external template support. This sample
## Contributors
* [Elio Struyf](https://github.com/estruyf) (MVP, U2U, [@eliostruyf](https://twitter.com/eliostruyf))
* [Elio Struyf](https://github.com/estruyf)
## Version history

View File

@ -106,7 +106,7 @@ This is a port of an Angular 1.3 SharePoint hosted App at https://github.com/rus
## Contributors
* [Russell Gove](https://github.com/russgove) ([@russgove](https://twitter.com/russgove))
* [Russell Gove](https://github.com/russgove)
## Version history

View File

@ -6,7 +6,6 @@ The web part illustrates creation and usage of Side Panel (Sidebar) control.
![React Side Panel Client-Side Web Part](./assets/side-panel.gif)
## Compatibility
| :warning: Important |
@ -23,8 +22,7 @@ The web part illustrates creation and usage of Side Panel (Sidebar) control.
![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg)
![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg)
For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix
For more information about SPFx compatibility, please refer to <https://aka.ms/spfx-matrix>
## Applies to
@ -32,7 +30,7 @@ For more information about SPFx compatibility, please refer to https://aka.ms/sp
## Contributors
* Alex Terentiev ([Sharepointalist Inc.](http://www.sharepointalist.com), [AJIXuMuK](https://github.com/AJIXuMuK))
* [Alex Terentiev](https://github.com/AJIXuMuK)
## Version history
@ -45,19 +43,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.**
## Features
Sample features:
- ability to add controls outside web part markup (thanks to Layout component)
- usage of Office UI Fabric React (Layout, ImageButton)
- CSS transition animations
* ability to add controls outside web part markup (thanks to Layout component)
* usage of Office UI Fabric React (Layout, ImageButton)
* CSS transition animations
Control features:
- left or right positioning
- usage of this.props.children for content
* left or right positioning
* usage of this.props.children for content
### Resources
- [React Quick Start](https://facebook.github.io/react/docs/tutorial.html)
- [TypeScript React Tutorials](https://www.typescriptlang.org/docs/handbook/react-&-webpack.html)
- [Office UI Fabric](https://developer.microsoft.com/fluentui/)
* [TypeScript React Tutorials](https://www.typescriptlang.org/docs/handbook/react-&-webpack.html)
* [Office UI Fabric](https://developer.microsoft.com/fluentui/)
## Building the code

View File

@ -27,21 +27,21 @@ The `Site Information` web part can be configured with the following properties:
| Site Contact | siteContact | IPropertyFieldGroupOrPerson[] | no | A site contact based on a people picker |
| Site Organization | siteOrganization | IPickerTerms | no | The site's organization, based on a taxonomy termset |
# Installing the web part
## Installing the web part
See getting started from [SP-Starter-Kit repository readme](https://github.com/pnp/sp-starter-kit).
You can also download just the [SharePoint Framework solution package (spppkg) file](https://github.com/pnp/sp-starter-kit/blob/master/package/sharepoint-starter-kit.sppkg) and install that to your tenant. This web part requires access to the Microsoft Graph.
# Screenshots
## Screenshots
![Site Information](https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-site-information.png)
# Source Code
## Source Code
https://github.com/pnp/sp-starter-kit/tree/master/solution/src/webparts/siteInformation
# Minimal Path to Awesome
## Minimal Path to Awesome
- Clone this repository
- Move to Solution folder
@ -49,7 +49,7 @@ https://github.com/pnp/sp-starter-kit/tree/master/solution/src/webparts/siteInfo
- `npm install`
- `gulp serve`
# Version history
## Version history
Version|Date|Comments
-------|----|--------

View File

@ -31,7 +31,7 @@ You can also find out how you can use React Hooks to manage the state of your ap
## Contributors
* Ramin Ahmadi
* [Ramin Ahmadi](https://github.com/AhmadiRamin)
## Version history

View File

@ -38,7 +38,7 @@ Solution provides an enhancement to SitePages library that enables updating exis
## Contributors
* [Oleg Rumiancev](https://github.com/olegrumiancev) ([LinkedIn](https://linkedin.com/in/olegrumiancev), [Twitter (olezhka_lt)](https://twitter.com/olezhka_lt))
* [Oleg Rumiancev](https://github.com/olegrumiancev)
## Version history

View File

@ -50,7 +50,7 @@ The web part uses the built in MSGraphClient and needs to be approved in API man
## Contributors
* Fredrik Thorild [@fthorild](https://twitter.com/fthorild)
- [Fredrik Thorild](https://github.com/fthorild)
## Version history

View File

@ -53,7 +53,7 @@ This sample uses the Swiper JavaScript library thought the NPM packages, but jus
## Contributors
* [Velin Georgiev](https://github.com/VelinGeorgiev) ([@VelinGeorgiev](https://twitter.com/velingeorgiev))
* [Velin Georgiev](https://github.com/VelinGeorgiev)
## Version history

View File

@ -65,7 +65,7 @@ spo storageentity list --appCatalogUrl <appCatalogUrl>
## Contributors
* Hugo Bernier ([Tahoe Ninja](http://tahoeninja.blog), @bernierh)
* [Hugo Bernier](https://github.com/hugoabernier)
## Version history

View File

@ -51,6 +51,7 @@ None
## Contributors
* [Jerry Yasir](https://github.com/jyasir)
## Version history
| Version | Date | Comments |

View File

@ -30,12 +30,13 @@ For more information about SPFx compatibility, please refer to https://aka.ms/sp
## Applies to
* [SharePoint Framework](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
* [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
## Contributors
* Jose Quinto ([@jquintozamora](https://twitter.com/jquintozamora) , [blog.josequinto.com](https://blog.josequinto.com))
* [Jose Quinto](https://github.com/jquintozamora)
## Version history

View File

@ -36,7 +36,7 @@ Access to a SharePoint online site with various tenant users granted access to v
## Contributors
* [Daniel Watford](https://github.com/danwatford) (https://twitter.com/DanWatford), Watford Consulting Ltd (https://watfordconsulting.com)
* [Daniel Watford](https://github.com/danwatford)
## Version history

View File

@ -77,7 +77,7 @@ This component will help the administrators who are currently maintaining the us
## Contributors
* [Sudharsan K.](https://github.com/sudharsank) ([@sudharsank](https://twitter.com/sudharsank), [Know More](http://windowssharepointserver.blogspot.com/))
* [Sudharsan K.](https://github.com/sudharsank)
## Version history

View File

@ -31,8 +31,7 @@ For more information about SPFx compatibility, please refer to https://aka.ms/sp
## Contributors
* [João Mendes](https://github.com/joaojmendes) ([joaojmendes](https://github.com/joaojmendes))
* [João Mendes](https://github.com/joaojmendes)
## Version history

View File

@ -50,8 +50,8 @@ This web part shows the current user's colleagues, and allows the user to search
## Contributors
* [Ari Gunawan](https://github.com/AriGunawan) ([@arigunawan3023](https://twitter.com/arigunawan3023))
* [João Mendes](https://github.com/joaojmendes) ([joaojmendes](https://github.com/joaojmendes))
* [Ari Gunawan](https://github.com/AriGunawan)
* [João Mendes](https://github.com/joaojmendes)
* [Milan Holemans](https://github.com/milanholemans)

View File

@ -51,7 +51,7 @@ Enable-PnPFeature -Identity 915c240e-a6cc-49b8-8b2c-0bff8b553ed3
## Contributors
* [Takashi Shinohara](https://github.com/karamem0) ([@karamem0](https://twitter.com/karamem0))
* [Takashi Shinohara](https://github.com/karamem0)
## Version history

View File

@ -1,6 +1,6 @@
# Stock Information
> 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/pnp/sp-starter-kit/tree/master/solution/src/webparts/stockInformation.
> 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/pnp/sp-starter-kit/tree/master/solution/src/webparts/stockInformation>.
This web part provides you the ability to display basic stock information for one publicly traded stock on a web page. The web part may be configured to display a stock based on stock symbol as well as be set to automatically refresh the stock information every 60 (sixty) seconds. The web part depends on a service provided by [Alpha Advantage](https://www.alphavantage.co/). [Learn how to register for your api key](https://github.com/pnp/sp-starter-kit/blob/master/documentation/tenant-settings.md#request-a-custom-api-key-to-alpha-vantage).
@ -25,21 +25,21 @@ The `Stock Information` web part can be configured with the following properties
| Stock Code | stockSymbol | string | no | Default: MSFT - overrides the default stock, MSFT, with a preferred stock symbol |
| Automatic Refresh | autoRefresh | bool | no | Default: false - If true, the web part will auto refresh every 60 seconds |
# Installing the web part
## Installing the web part
See getting started from [SP-Starter-Kit repository readme](https://github.com/pnp/sp-starter-kit).
You can also download just the [SharePoint Framework solution package (spppkg) file](https://github.com/pnp/sp-starter-kit/blob/master/package/sharepoint-starter-kit.sppkg) and install that to your tenant. This web part requires access to the Microsoft Graph.
# Screenshots
## Screenshots
![Stock Information](https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-stock.png)
# Source Code
## Source Code
https://github.com/pnp/sp-starter-kit/tree/master/solution/src/webparts/stockInformation
<https://github.com/pnp/sp-starter-kit/tree/master/solution/src/webparts/stockInformation>
# Minimal Path to Awesome
## Minimal Path to Awesome
- Clone this repository
- Move to Solution folder
@ -47,7 +47,7 @@ https://github.com/pnp/sp-starter-kit/tree/master/solution/src/webparts/stockInf
- `npm install`
- `gulp serve`
# Version history
## Version history
Version|Date|Comments
-------|----|--------

View File

@ -52,7 +52,7 @@ There are no pre-requisites to use these samples.
## Contributors
* [Arun Kumar Perumal](https://github.com/arunkumarperumal) - LinkedIn: <https://www.linkedin.com/in/arunkumarperumal/>
* [Arun Kumar Perumal](https://github.com/arunkumarperumal)
## Version history

View File

@ -58,7 +58,7 @@ This project shows how to integrate [Tailwind CSS](https://tailwindcss.com/) fra
## Contributors
* Fabio Franzini, [@franzinifabio](https://twitter.com/franzinifabio)
- [Fabio Franzini](https://github.com/fabiofranzini)
## Version history

View File

@ -31,7 +31,7 @@ Targets SharePoint Groups only within the site.
## Contributors
* Rabia Williams([@williamsrabia](https://twitter.com/williamsrabia) , [rabiawilliams.com](https://rabiawilliams.com))
* [Rabia Williams](https://github.com/rabwill)
## Version history

View File

@ -58,7 +58,7 @@ For further details see the author's [blog post](https://mmsharepoint.wordpress.
## Contributors
* [Markus Moeller](https://github.com/mmsharepoint) ([@moeller2_0](http://www.twitter.com/moeller2_0))
* [Markus Moeller](https://github.com/mmsharepoint)
## Version history

View File

@ -36,7 +36,7 @@ Sample web part with Single and Multi-select taxonomy pickers using Office UI Fa
## Contributors
* Vipul Kelkar @vipulkelkar
* [Vipul Kelkar](https://github.com/vipulkelkar)
## Version history

View File

@ -44,7 +44,7 @@ A Taxonomy Picker control built with [React](https://facebook.github.io/react) b
## Contributors
* Jose Quinto ([@jquintozamora](https://twitter.com/jquintozamora) , [blog.josequinto.com](https://blog.josequinto.com))
* [Jose Quinto](https://github.com/jquintozamora)
## Version history

View File

@ -35,7 +35,7 @@ When the user selects one of the tab options, the tab is saved pointing to the c
## Contributors
* [Bob German](https://github.com/BobGerman) ([@Bob1German](http://www.twitter.com/Bob1German))
* [Bob German](https://github.com/BobGerman)
## Version history

View File

@ -37,7 +37,7 @@ A detailed functionality and technical description can be found in the [author's
## Contributors
* [Markus Moeller](https://github.com/mmsharepoint) ([@moeller2_0](http://www.twitter.com/moeller2_0))
* [Markus Moeller](https://github.com/mmsharepoint)
## Version history

View File

@ -13,8 +13,8 @@ The Questionnaire meeting app displays the questions from attendees as pre-meeti
Below NPM package(s) are used to develop this sample:
1. @pnp/sp (https://pnp.github.io/pnpjs/sp/)
2. moment (https://www.npmjs.com/package/moment)
1. @pnp/sp (<https://pnp.github.io/pnpjs/sp/>)
2. moment (<https://www.npmjs.com/package/moment>)
### Project setup and important files
@ -46,8 +46,6 @@ spfx-react-teams-meeting-app-questionnaire
└── mystrings.d.ts
```
## Compatibility
| :warning: Important |
@ -64,7 +62,6 @@ spfx-react-teams-meeting-app-questionnaire
![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg)
![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg)
## Applies to
- [Microsoft Teams](https://aka.ms/microsoftteams)
@ -100,7 +97,7 @@ MeetingID|MeetingID|Single line of text|N|
### SharePoint deployment
> This sample can also be opened with [VS Code Remote Development](https://code.visualstudio.com/docs/remote/remote-overview). Visit https://aka.ms/spfx-devcontainer for further instructions.
> This sample can also be opened with [VS Code Remote Development](https://code.visualstudio.com/docs/remote/remote-overview). Visit <https://aka.ms/spfx-devcontainer> for further instructions.
- Clone this repo
- Navigate to the folder with current sample
@ -123,12 +120,13 @@ MeetingID|MeetingID|Single line of text|N|
![Deploy to MS Teams](./assets/deploy-to-ms-teams.png)
## Contributors
* [Nanddeep Nachan](https://github.com/nanddeepn) (https://www.linkedin.com/in/nanddeepnachan/) (SharePoint Consultant, [@NanddeepNachan](https://twitter.com/NanddeepNachan))
* [Ravi Kulkarni](https://www.linkedin.com/in/ravi-kulkarni-a5381723/) (SharePoint Consultant, [@RaviKul16a87](https://twitter.com/RaviKul16a87))
* [Smita Nachan](https://www.linkedin.com/in/smitanachan/) (SharePoint Consultant, [@SmitaNachan](https://twitter.com/SmitaNachan))
- [Nanddeep Nachan](https://github.com/nanddeepn)
- [Ravi Kulkarni](https://github.com/ravi16a87)
* [Smita Nachan](https://github.com/SmitaNachan)
## Version history
@ -168,7 +166,6 @@ For questions regarding this sample, [create a new question](https://github.com/
Finally, if you have an idea for improvement, [make a suggestion](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Aenhancement%2Csample%3A%20react-teams-meeting-app-questionnaire&template=question.yml&sample=react-teams-meeting-app-questionnaire&authors=@nanddeepn&title=react-teams-meeting-app-questionnaire%20-%20).
## References
- [Getting started with SharePoint Framework](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
@ -184,5 +181,4 @@ Finally, if you have an idea for improvement, [make a suggestion](https://github
**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://m365-visitor-stats.azurewebsites.net/sp-dev-fx-webparts/samples/react-teams-meeting-app-questionnaire" />

View File

@ -78,7 +78,7 @@ This Web Part illustrates the following concepts on top of the SharePoint Framew
## Contributors
* [David Ramalho](https://github.com/DRamalho92) ([@davRamalho](https://twitter.com/davRamalho))
* [David Ramalho](https://github.com/DRamalho92)
## Version history

View File

@ -103,7 +103,7 @@ This Web Part illustrates the following concepts on top of the SharePoint Framew
## Contributors
* [Siddharth Vaghasia](https://github.com/siddharth-vaghasia) (@siddh_me)
* [Siddharth Vaghasia](https://github.com/siddharth-vaghasia)
## Version history

View File

@ -37,7 +37,7 @@ This web part allows you to send MS Teams feed notifications to a selected user.
## Contributors
* [Luis Mañez](https://github.com/luismanez) (MVP, [ClearPeople](http://www.clearpeople.com), @luismanez)
* [Luis Mañez](https://github.com/luismanez)
## Version history

View File

@ -46,7 +46,7 @@ The solution demonstrates:
## Contributors
* [Bob German](https://github.com/BobGerman) ([@Bob1German](http://www.twitter.com/Bob1German))
* [Bob German](https://github.com/BobGerman)
Many thanks to [Arbindo Chattopadhyay](https://www.linkedin.com/in/arbindoc/) for writing the [detailed installation instructions ](./documentation/setup.md) and compiling [links to resources](./documentation/resources.md).

View File

@ -10,7 +10,7 @@ This web part uses Graph API to suggest you members to add to a group (based on
## Contributors
* [Luis Mañez](https://github.com/luismanez) (MVP, [ClearPeople](http://www.clearpeople.com), @luismanez)
* [Luis Mañez](https://github.com/luismanez)
## Version history

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