This web part provides you the ability to add a particular user's personal contacts on a web page. The web part may be configured to display a pre-defined number of contacts at a time. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users.
- Place the page you want to add this web part to in edit mode.
- Search for and insert the Personal Contacts web part.
- Configure the web part to update its properties.
The Personal Contacts web part can be configured with the following properties:
| Label | Property | Type | Required | Description |
|---|---|---|---|---|
| Personal contacts | title | string | no | The web part title, editable inline with the web part itself |
| Number of contacts to show | nrOfContacts | number | no | Default: 5 - The number of contacts to show |
- Only supported in SharePoint Online due to dependency on the Microsoft Graph APIs
none
| Solution | Author(s) |
|---|---|
| react-personal-contacts | Waldek Mastykarz (@waldekm) |
| react-personal-contacts | Vardhaman Deshpande (@vrdmn) |
| Version | Date | Comments |
|---|---|---|
| 1.0 | May 2018 | Initial release |
| 2.0 | January 2020 | Upgrade to V2 |
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.
- Clone this repository
- Move to solution folder
- in the command line run:
npm installgulp serve
Include any additional steps as needed.
This Web Part illustrates the following concepts on top of the SharePoint Framework:
- Using Microsoft Graph from the web parts
- Hosting SharePoint Framework components as Microsoft Teams tabs
- Using app pages in SharePoint Online
| Resource | Permission |
|---|---|
| Microsoft Graph | Contacts.Read |