Building a Field Customizer

Git branch

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

For this chapter, we will create a Field Customizer as per the details mentioned in the Requirement 3: Getting a visual notification when a product is low stock section in Chapter 4, Packt Product Management Solution: A Practical Use Case. As per the requirement, in the Products list, the display of the Stock level column of an item should change based on its value. If, for a product, the value is lower than 10, then the Stock level display for that product will change to a different background color with a warning icon.

Figure 11.1 – Field Customizer requirement

Next, let’s see how to add a Field Customizer to the SPFx solution.

Adding a Field Customizer to the solution

From the existing Packt.Solutions...