Customize List and Library Forms with Form Customizers

Form Customizers enable overriding the default form on SharePoint lists and libraries, adding custom logic to display, editing and adding items, and customizing the layout of the form. Form Customizers have been introduced on the SharePoint Framework v1.15.

Let’s create a simple example, this time using PnP Reusable React Controls created and supported by Microsoft 365 and Power Platform Community, which is an open-source developer community sharing and contributing on samples, reusable components, and knowledge. In this case, let’s use the DynamicForm component for creating the custom form. And the first step after creating the project is to install these controls using:

npm install @pnp/spfx-controls-react

Using the DynamicForm is simple, just add it to the render() method of the React component.

Figure 19.25 - DynamicForm on the Reach component

The DynamicForm will automatically...