3.0 KiB
Executable File
3.0 KiB
Executable File
React Directory Web Part
Summary
Search People from Organization Directory and show live persona card on hover.
Used SharePoint Framework Version
Applies to
WebPart Properties
| Property | Type | Required | comments |
|---|---|---|---|
| Title | Text | no | WebPart Title |
| searchFirstName | boolean | no | Lastname or Firstname search query |
| Properties to search | text | no | By default FirstName,LastName,WorkEmail,Department are used for search. You can add custom properties separated by comma. |
| Results per page | number | Number of people result to be displayed per page. Max of 20 is allowed, default of 10 is set. |
Solution
The web part use PnPjs library, Office-ui-fabric-react components
| Solution | Author(s) |
|---|---|
| Directory Web Part | João Mendes |
| Directory Web Part | Peter Paul Kirschner (@petkir_at) |
| Directory Web Part | Sudharsan K (@sudharsank) |
Version history
| Version | Date | Comments |
|---|---|---|
| 1.0.0 | July 29, 2019 | Initial release |
| 1.0.1 | July 19, 2020 | Bugfix and mock-service for workbench (LivePersonaCard not supported in workbench) |
| 2.0.0 | Sep 18 2020 | React hooks, paging, dynamic search props, result alignment using office ui fabric stack. |
Disclaimer
THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.
Minimal Path to Awesome
- Clone this repository
- in the command line run:
npm installgulp buildgulp bundle --shipgulp package-solution --shipAdd to AppCatalog and deploy