Related Items Field

Summary

SharePoint Field Customizer Extension to display items in a separate list related to the currently selected item.

Used SharePoint Framework Version

Applies to

• SharePoint Framework
• Microsoft 365 tenant

Solution

Solution	Author(s)
spfx-related-items-field	Omar Stewart https://twitter.com/omarstewey

Version history

Version	Date	Comments
1.0	October 01, 2020	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.

---

Minimal Path to Awesome

• Clone this repository
• Ensure that you are at the solution folder
• Configure config/serve.json to specify site url, target column, and properties
• in the command-line run:
  • npm install
  • gulp serve

Features

This extension illustrates the following concepts:

• SharePoint Framework Field Customizer Extensions
• Using SharePoint PnP JS To interact with SharePoint

Notice that better pictures and documentation will increase the sample usage and the value you are providing for others. Thanks for your submissions advance.

Share your web part with others through Microsoft 365 Patterns and Practices program to get visibility and exposure. More details on the community, open-source projects and other activities from http://aka.ms/m365pnp.

References

• Getting started with SharePoint Framework

• Microsoft 365 Patterns and Practices - Guidance, tooling, samples and open-source controls for your Microsoft 365 development