Customize SharePoint List Forms using JSON Formatting (1)

#SharePoint​ #Forms​ #ListFormatting​ #FormFormatting #ListForms

In this video on Customize SharePoint List Forms using JSON Formatting, we will walk through applying simple form customizations to your SharePoint lists or Microsoft Lists. This newly released feature of form formatting uses the same logic as SharePoint List Formatting (column and view formatting). Hence, we can now customize the look and feel of our SharePoint columns, SharePoint views and SharePoint Forms using JSON and apply conditional formatting.

✅ Documentation: https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/list-form-configuration

✅ Formatting Samples:
Header Formatting: https://github.com/rdorrani/SharePoint/blob/master/HeaderFormatIssueTracker.json
Body Formatting:
https://github.com/rdorrani/SharePoint/blob/master/BodyFormatIssueTracker.json
Footer Formatting:
https://github.com/rdorrani/SharePoint/blob/master/FooterFormatIssueTracker.json

✅ Microsoft List template used: Issue Tracker
Columns added:
Comments – Multiple lines of text
Expected Completion Date – Date

✅ PnP Samples: https://pnp.github.io/sp-dev-list-formatting/

Table of Contents:
00:00 – Intro
00:36 – Create list from template
01:48 – Edit columns Option
02:36 – Conditional formatting of columns
04:33 – Configure Layout formatting option
05:05 – Customizing the form body
08:10 – Adding Header to form
08:32 – Adding Footer to form
08:53 – Issue tracking list form customization (tutorial)
16:00 – Customizing SharePoint list form with Power Apps
17:42 – Subscribe