Customize Modern SharePoint List Forms Tutorial | JSON Formatting, Validations

This tutorial video is a step-by-step guide on how to customize Modern SharePoint List / Microsoft List Forms using JSON Formatting, Column & List Validations, designing form header & footer using JSON, adding columns in Sections (Form Body) and more.

Video showcases the power within SharePoint itself (In-product) to customize forms, reorder columns, show and hide columns with conditional formulas, add column and list level validation formulas, create sections in form body, add custom headers and footers using JSON form formatting, add a notification approval workflow using power automate, make columns read-only (in form) by conditional formulas checking logged in user role and much more.

Helpful Links:

Configure the list form

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

Show or hide columns in a list or library form

https://learn.microsoft.com/en-us/sharepoint/dev/declarative-customization/list-form-conditional-show-hide

Creating custom list templates

https://learn.microsoft.com/en-us/sharepoint/lists-custom-template

PnP Samples:

https://pnp.github.io/List-Formatting/formsamples/

Table of Contents:

• 00:00 - Introduction to customizing Modern SharePoint List Forms with JSON
• 00:37 - Create SharePoint List from Microsoft List Template
• 02:21 - Reorder Columns in SharePoint Form
• 02:53 - Show or Hide Columns in SharePoint Form
• 03:14 - Required field validations (Column must contain information)
• 03:39 - Conditional Show Hide Columns (Edit Conditional Formula)
• 05:59 - Configure SharePoint form body to show one or more sections (JSON)
• 10:04 - Customize SharePoint Form Header using JSON formatting
• 11:24 - Customize SharePoint Form Footer using JSON formatting
• 12:10 - SharePoint Form matches Site Themes (Look and feel)
• 12:24 - SharePoint Form JSON Customization Example
• 13:00 - SharePoint column validations
• 14:06 - SharePoint List Validation Settings (Validation formula)
• 16:47 - SharePoint List Approval Notification Workflow
• 20:21 - Add SharePoint List to Modern Page (connected web part - List
• Properties)
• 21:01 - Add Modern SharePoint List as a Template
• 21:42 - Subscribe to Reza Dorrani channel