Forum Discussion

Iron Contributor

Jun 17, 2019

Is there an example where SPFX form is used inplace of List New/Edit form and it works seamlessly

Is there an example where SPFX form is used inplace of List New/Edit form and it works seamlessly. Thanks

Anonymous

Jun 17, 2019

I was tasked with creating custom forms for lists in a recent project using SPFX. I remember looking up a solution that used React (https://github.com/DanyWyss/spfx-react-form-webpart maybe this one, not sure). It was pretty painful to get it to work first, lots of bugs would show up. Then I decided to just write my own custom form. It's no big deal, you can just build an HTML form and then use PnPJs to create the item. Let me know if you need help.

Regards

Iron Contributor

Jun 18, 2019

Deleted could you please provide me a working example.

I have seen the below; which seems to run on Knockout.js which i have not had any experience on.

https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/use-sp-pnp-js-with-spfx-web-parts

Thanks

Carlos_Marins
Iron Contributor
Jun 24, 2019
Hey null null,

This is Deleted speaking. That profile was associated to my former company so I had to create a new one. Anyway, the solution I used wasn't based on any example, but you can pretty much create a form of your own. The easiest way for me was to create a HTML Form where the ID of the input field is the name of the List Field. Then when the user hits submit all you do is get these values and send them to the list, using the PnPJS library. Unfortunately I don't have access to the code anymore, but let me know if you need some details on how to achieve it.
- Vaqar Hyder
  Copper Contributor
  Sep 25, 2020
  Carlos_Marins Well that fine to create your own HTML form and using rest calls getting, posting items but its really time consuming to create your complex field like Metadata and Poeple picker. There should be a sample that deals with such cases.
- null null
  Iron Contributor
  Jul 24, 2019
  HiCarlos_Marins
  
  i want to make use of the different fields / list column type like features like dropdown, lookup columns like feature, where i update few things in other list in the site.
  
  I am planning to use an SPFx extension method with a button right next to New _ button acting as a command button for adding custom form to the users.
  
  Thanks

Resources