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.

#SharePoint #JSON #Forms #sharepointonline #Microsoftlists

🔗 Helpful Links:

Configure the list form

Show or hide columns in a list or library form

Creating custom list templates

SharePoint List Form Formatting Playlist:

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

🤝 Let’s connect on social:

[mjmann]

❤ Love it! I learn more from your videos than any other source. Thank you for sharing your expertise and knowledge.

[shravanjadhav]

Explained everything in a very simple manner, making it easy for viewers to understand.

[tordsonander]

The information from 30 videos about Sharepoint packed into one! Pure YouTube ambrosia! Thank you!

[yxu]

This is exactly what I worked on a lot before learning Power Apps :)

Near the end of the video, when you covered linking an approval directly to the form experience and embedding the list on a page, is great to improve the usability! I know it's just clicking the NEW button and then clicking the SAVE button... but for non-technical users, I've noticed they may be a bit overwhelmed at first by the SharePoint List UI.

Great video showing how this is all possible within SharePoint! Thank you, Reza!

[evitweetie]

Love your videos! 20 minutes packed with valuable examples - hilarious. Thank you so much Reza 💚

[thermant]

Reza you are on FIRE!

Appreciate you so much for showing these features. I knew a bunch of them, but you threw in a ton more that I didn't.

Thanks!!

[Mal]

You are the best, Reza. Thank you for all your tutorials - always succinct and hugely informative!

[yttanel]

I had no idea u could customize a SharePoint form in SharePoint, I've always done it through PowerApps, this is so much simpler. Thank you Reza!

[RichardNievesNY]

This is the best explanation I've seen on forms customization. I love that you also add how to get supported documentation for each step. Subscribed!!

[qudsia]

Thank you! Very clear, concise, and packed with so much useful info in one place.

[alhakawaty]

So clear, so organized and so simple. Thank you so much!

[nicolasg]

Hello Reza, thanks a lot !

Based on your training vidéo, I've not created for workflow with "Start and wait for an approval" but "create an approval" and then "wait for approval" and then I've udapted my sharepoint list with the dynamic link to the approval it self, so when the approver receive the workflow notification in Outlook or teams, he has to click on the link to the item in order to see all the informations of the request with json customize forms in sharepoint and just have to click on the link of the workflow in order to approve or reject it.

It's very useful when the approval is done during a dedicated meeting : approvers just have to filter on pending request (or create a dedicated view) and open it one by one in order to take a decision ! Then the power automate flow is finishing in order to send an email of décision to the requestor and update items.

So one again Thanks a lot for all your amazing trainings

[NelsonONadal]

Love it! Thanks for sharing your knowledge Sir Reza!

[markdearing]

Amazingly helpful tutorial! Thank you!!

[heth]

Very well done. I shared with others at work as we are all migrating to SharePoint online and having to edit and recreate different aspects. Your video was very thorough and easy to follow.

[olenaoleary]

Thank you so best tutorials! Exactly what I need!

[michaelw.]

Reza you are a diamond! I love your wonderful videos and explanations.

[oluwatobipaul]

I learnt a lot. I can now extend SharePoint List with JSON. Thanks Reza

[imranozcanyay]

Definitely love it.♥ Thank you so much for sharing such a great experience and knowledge.

[SadekInfos]

Thank you for all what you do for us, it is really a real pleasure watching your videos. I get the same excitement watching a non technical video for entertainment. 👍👍👍👍