Building a Form Customizer

Git branch

This section uses the https://github.com/PacktPublishing/Mastering-SharePoint-Development-with-the-SharePoint-Framework-/tree/chapter9/building-a-form-customizer Git branch from the repository.

Now that we have understood what a Form Customizer is and what it’s used for, let’s start building one.

For this chapter, we will create a Form Customizer as per the details mentioned in the Requirement 2 – selecting color and size for a product item section in Chapter 4, Packt Product Management Solution: A Practical Use Case, which will provide a custom way to display the color and size fields in the list item forms.

Adding a Form Customizer to the solution

From the existing Packt.Solutions.ProductManagement folder, run the following command:

yo @microsoft/sharepoint --component-type "extension" --extension-type "FormCustomizer" --component-name "PacktProductFormCustomizer" --framework...