Previous Step

Demo

Now that we have the solution packaged, we will deploy it to our tenant.

App Catalog

This section will add the SPFx package to an app catalog and deploy it.

1. Access the site collection containing the target app catalog
2. Click on Apps for SharePoint from the navigation
3. Click on the Upload button to add your SPFx package
4. Select your SPFx package and click on OK to add it to the app catalog
5. Click on Deploy to make the solution available to other site collections

Add App to Site

This section will go over adding the app to the site.

1. Access the site that has the target list to apply the custom list form to
2. Click on Site Contents from the navigation
3. Click on New->App
4. Click on From my organization and then select the custom forms solution

Create List Form Manager Page

The app has two solutions, the custom list forms and the helper webpart. This section will go over creating the page to apply/remove the custom list forms.

1. From the navigation, select the Pages library and click on New->Site Page
2. Add a title, and click on the + icon to add a webpart to the page
3. Select the ListFormManager webpart from the Advanced section
4. Click on the Edit button to select the target list
5. Select the target list from the drop down and click on the Save button
6. Click on the Configure List button and click on the Apply Custom Forms button to apply the custom list forms

View Custom List Forms

1. Access the list we applied the custom list forms to
2. Click on + New to view the new form
3. Click on the item to display the view form

Remove Custom List Form

This section will remove the custom list forms.

1. Access the List Form Manager page we created earlier
2. Edit the page
3. Click the Configure List button
4. Click the Clear Custom Forms button to remove the custom forms
5. Access the list we updated
6. Validate the forms have reverted