Configure list custom header, footer and the form body with JSON

In this 17-minute Developer-focused demo, Chris Kent focuses on the new list form called Configure Layout for formatting list Header, Body and Footer. Header and Footer formatting – draw what you want using familiar column formatting syntax. Chris shows the ease of leveraging code samples. Body section formatting has limitations at present. Presenter calls out things to keep in mind when using this new capability that is powerful, not polished. This PnP Community demo is taken from the General Microsoft 365 Development Special Interest Group (SIG) - Bi-weekly sync call recorded on January 21, 2021.

Demo Presenter: Chris Kent (DMI) | @theChrisKent

Supporting materials:

Learn more:

[momosworkshop]

Such a great demo! I love how Chris makes it entertaining while still informative

[FaaBioo]

Thanks a lot for the funny samples and the links.
How about the Squirrel training? 😅

Greetings from France 👍🏾

[ramonseila]

Thank you very much!! would be able to insert a button in the list to open the item's attachment? without having to open the form?

[davidwebster]

Thank you for the video Sir! How would I add another column to that header? You have "Title" currently, what if you wanted to concatenate up there? Also, maybe I missed it, but how is the code referencing the little icons, other than the title of them?

[michelleradley-scott]

Is it possible to hide the 'Attachments' field on the Configure list custom body? I want to have it so someone completes a new entry with just their name & email but no other they see 'Attachments' they may feel that an attachment is required. Is there anyway of hiding or covering this up? I don't want to disable attachments as this field is needed later in the process.

[patriciaillausky]

Can you place multiple links in footer of SharePoint Json form?

[AnandavadivelanV]

how could I change the multiline field size? I have overridden the default 6 lines and changed to 50 but still it is of the same size and hard for users to type and scroll up and down especially if it is a long description.

[Adiu]

It would be great to be able to export those configurations by using pnp provisioning templates.

[fb-work]

Now if I could only use 'list formatting' to display the library's description somewhere, because its no longer visible on a library page, I would be happy.

[espeolguin]

Can a progress tracker be added in the header?

[gauravk]

Hi Chris, thanks for the video. can you please share some samples for form body formatting? I want to increase the size of fields in the body and add some borders and colors. I am not finding much resources on the internet related to body formatting. thanks in advance

[abuena]

What if column or field has a description, how to show it into a customize column..?