Fixed readme.md
This commit is contained in:
parent
6bf1914d0f
commit
ec43393328
|
@ -1,6 +1,7 @@
|
||||||
# Displaying hierarchical information from SharePoint list
|
# Displaying hierarchical information from SharePoint list
|
||||||
|
|
||||||
### Summary
|
## 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.
|
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.
|
||||||
|
|
||||||
![Web part preview][figure1]
|
![Web part preview][figure1]
|
||||||
|
@ -13,6 +14,7 @@ The sample also provisions the list called “Hierarchy” which can be used as
|
||||||
![SharePoint Run][figure3]
|
![SharePoint Run][figure3]
|
||||||
|
|
||||||
### SharePoint Asset
|
### SharePoint Asset
|
||||||
|
|
||||||
A SharePoint list (named Hierarchy) is provisioned to store the hierarchical data. The schema of the list is as below.
|
A SharePoint list (named Hierarchy) is provisioned to store the hierarchical data. The schema of the list is as below.
|
||||||
![List Schema][figure4]
|
![List Schema][figure4]
|
||||||
The Parent column is a lookup on same list’s Title column.
|
The Parent column is a lookup on same list’s Title column.
|
||||||
|
@ -21,13 +23,15 @@ The solution also provisions sample data to the Hierarchy list.
|
||||||
![List Sample Data][figure5]
|
![List Sample Data][figure5]
|
||||||
|
|
||||||
### NPM Packages Used
|
### NPM Packages Used
|
||||||
|
|
||||||
Below NPM packages are used to develop this sample.
|
Below NPM packages are used to develop this sample.
|
||||||
1. sp-pnp-js (https://www.npmjs.com/package/sp-pnp-js)
|
1. sp-pnp-js (https://www.npmjs.com/package/sp-pnp-js)
|
||||||
2. react-orgchart (https://www.npmjs.com/package/react-orgchart)
|
2. react-orgchart (https://www.npmjs.com/package/react-orgchart)
|
||||||
3. array-to-tree (https://www.npmjs.com/package/array-to-tree)
|
3. array-to-tree (https://www.npmjs.com/package/array-to-tree)
|
||||||
|
|
||||||
## Used SharePoint Framework Version
|
## Used SharePoint Framework Version
|
||||||
![1.11](https://img.shields.io/badge/version-1.11.0-green.svg)
|
|
||||||
|
![SPFx 1.11](https://img.shields.io/badge/version-1.11.0-green.svg)
|
||||||
|
|
||||||
## Applies to
|
## Applies to
|
||||||
|
|
||||||
|
@ -49,6 +53,7 @@ Version|Date|Comments
|
||||||
1.0.0|October 15, 2018|Initial release
|
1.0.0|October 15, 2018|Initial release
|
||||||
|
|
||||||
## Disclaimer
|
## 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.**
|
**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.**
|
||||||
|
|
||||||
---
|
---
|
||||||
|
@ -70,6 +75,7 @@ Version|Date|Comments
|
||||||
- [Add web part to your SharePoint page](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/serve-your-web-part-in-a-sharepoint-page#add-the-helloworld-web-part-to-modern-page) named "Display Hierarchy".
|
- [Add web part to your SharePoint page](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/serve-your-web-part-in-a-sharepoint-page#add-the-helloworld-web-part-to-modern-page) named "Display Hierarchy".
|
||||||
|
|
||||||
## Features
|
## Features
|
||||||
|
|
||||||
This sample web part shows how data stored in SharePoint list can be transformed to show hierarchical information
|
This sample web part shows how data stored in SharePoint list can be transformed to show hierarchical information
|
||||||
- Rendering hierarchical information
|
- Rendering hierarchical information
|
||||||
- SharePoint assets provisioning
|
- SharePoint assets provisioning
|
||||||
|
|
Loading…
Reference in New Issue