How to create custom list forms with SharePoint Framework

Form enables add, edit and display items. Customize using modern JavaScript tools and libraries. Works with lists, libraries, Document Sets, and PnP DynamicForm (control). Perfectly suited for enterprise-level custom solutions.

In demo, scaffold the FormCustomizer using Yeoman Generator. Extend/override the BaseFormCustomizer. code and debug your Form Customizer, step through form item editing capabilities, package and deploy using PowerShell.

This PnP Community demo is taken from the Viva Connections & SharePoint Framework Bi-weekly sync call recorded on July 28, 2022.

• Demo Presenter - Paolo Pialorsi (PiaSys.com) | @paolopia

Supporting materials

• Build your first Form Customizer extension (preview)

  Form customizers are SharePoint Framework components giving you an option to override the form experience in a list or library level by associating the component to the used content type.

  https://docs.microsoft.com/en-gb/sharepoint/dev/spfx/extensions/get-started/building-form-customizer

• Reusable React controls for your SharePoint Framework solutions
  This repository provides developers with a set of reusable React controls that can be used in SharePoint Framework (SPFx) solutions. The project provides controls for building web parts and extensions
  https://pnp.github.io/sp-dev-fx-controls-react/
• Samples - spfx-list-forms

  https://github.com/PiaSys/Conferences-Samples/tree/master/spfx-list-forms