Skip to content

Step 14

Gunjan Datta edited this page Oct 7, 2021 · 4 revisions

Demo

Trust Certificate

The following command MUST be run the first time: gulp trust-dev-cert

Build App Package

From the root of the project, run the npm run all command to build all solutions.

Upload the App Package

add spfx package

Deploy the solution

deploy solution

Add App to Site

Go to the site we previously deployed the solution to access the site contents. Click on "Add" then select "App" from the menu. Select the SPFx solution we just deployed.

add app to site

Add the WebPart

In edit mode of a modern page, click on the "+" button to add a webpart.

add spfx webpart

Select the "DocumentsView" and the solution will be displayed.

view table

Save and publish the page. Click on the "Properties" button to view the list form.

edit item form

Click the "Filter" icon to view the options. Select an extension and confirm the data displayed.

filter data

Type a value in the "Search" textbox to automatically filter the table.

search