SharePoint Modern Calendar with Form Formatting JSON

#SharePoint #ListFormatting #CalendarView

In this video on SharePoint Modern Calendar with Form Formatting JSON, we will walk through an end-to-end solution of customizing SharePoint Events lists with the new form formatting JSON options for Header, Body and Footer.

We will also build a Modern Calendar View from the SharePoint Events List and add it to a Modern SharePoint Page along with the JSON formatted Events list form.

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.

✅ Customize SharePoint List Forms Playlist video series – https://www.youtube.com/playlist?list=PLTyFh-qDKAiE7C_2lVNAPzgHXsBykG0Tf

✅ Download Formatting Samples for Events Lists:
https://github.com/rdorrani/SharePoint/tree/master/ModernCalendar

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

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

⭐ ⭐ ⭐ Huge shoutout to https://twitter.com/techan_k – My JSON formatting samples are inspired from his work. Follow him on twitter and subscribe to his blog – https://mynote365.hatenadiary.com/

Table of Contents:
00:00 – Intro
00:48 – Events List in a Modern SharePoint site
01:50 – Apply Body JSON form formatting for Events List
03:10 – Customize Header JSON form formatting for Events List
04:20 – JSON breakdown for the Calendar/Events List form formatting
06:52 – Make a Modern Calendar View
09:20 – Add a Modern Calendar View as a web part to a Modern SharePoint Page
11:44 – Subscribe