Forum Discussion
How to modify/design list form
Hi All,
We have a SharePoint list form. I have added that list in Dynamic Form control using React and SPFX solution passing with list id. When we pass that list id then it will populate that list form. But this form is also populating like list forms means all fields are showing one after another.
I want to show the form into multiple columns. Is there any way OOB or using Json we can do the same because when user will add new column it should also show in that form. as per multiple columns
So is there any way we can show that form into multiple columns?
1 Reply
Hi harishpatil,
I understand that you want to modify a SharePoint list form.
then you have three options
1) Lightweight using Json formatting
Take a look at this article:https://learn.microsoft.com/en-us/sharepoint/dev/declarative-customization/list-form-configuration#configure-custom-body-with-one-or-more-sections
Using a custom form format you can re-structure the controls in your form into multiple sections.
This is not very powerfull, but easy to to.
2) Low Code with custom PowerApps Form
You can choose to customize the form using PowerAppsSee more information about this here:
https://learn.microsoft.com/en-us/power-apps/maker/canvas-apps/customize-list-form
3) Development with an SPFX Form Customizer
If you want to use Javascript, then you need to use an SPFX Form Customizer.
See more information here
https://learn.microsoft.com/en-us/sharepoint/dev/spfx/extensions/get-started/building-form-customizer and an example here
https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-formcustomizer-customers
You can rebuld your complete form the way you like it using a customizer.
Best Regards,
Sven
