Here is a long overdue sneak peek into the functionality of the new SPFx based DFFS version that I’m working on. I’m still not ready to publish it, but the form-builder with drag-and-drop placement of form elements is mostly done.
The layout is based on the Fluent UI Grid so it will have a responsive layout that adapts to the width of the screen. As you can see in the Column properties image below, you can specify how many of the 12 slots of the screen width a column uses for the different screen sizes.
This new DFFS version will be packed as a SPFx app and must be uploaded to the app catalog (tenant or site collection app catalog) by an admin.
When this is done, you will see this button in the banner of your list / library:
A click on that button lets you select NewForm, DispForm or EditForm to start configuring the list form.
You can add grid, row, column, tabsets, rich text, html and fields to the form by drag-and-drop. All elements have properties that can be changed – see example below.
Preview form – extra large screen size:
Preview form – small screen size:
There is quite a bit of work left, but I’ll post updates as it progresses.
Leave a comment below if you have any feedback at this point.