Skip to content

Commit 93d4cce

Browse files
authored
Update view-calendar-formatting.md
1 parent a22435d commit 93d4cce

File tree

1 file changed

+8
-1
lines changed

1 file changed

+8
-1
lines changed

docs/declarative-customization/view-calendar-formatting.md

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: Format calendar view to customize SharePoint
33
description: Customize calendar views in SharePoint lists and libraries
4-
ms.date: 07/01/2022
4+
ms.date: 23/12/2022
55
ms.localizationpriority: high
66
---
77

@@ -16,12 +16,18 @@ Groups the command bar customization options. For details on `commandBarProps`,
1616
## See also
1717
- [Command bar customization syntax reference](./view-commandbar-formatting.md)
1818

19+
### List setup before creating a calendar view and applying a JSON formatting
20+
Before creating a new calendar view, a list should include all the required columns to be used in any JSON formatting.
21+
After creating a calendar view, if more columns are required, go to the [List Settings page](https://support.microsoft.com/en-us/office/edit-list-settings-4d35793b-246e-42a3-990c-563a83795b7f) to create and add them to a calendar view.
22+
1923
### Conditional view formatting based on a specific column
2024

2125
The following image shows an example of conditional formatting applied to a calendar view, based on a single choice column named **PROJECT**:
2226

2327
![SharePoint list calendar formatting](../images/calendar-view-formatting.png)
2428

29+
**Note**: before creating a new calendar view, make sure the PROJECT column is already existing to apply the JSON code illustrated below. Alternatively, go the [List Settings page](https://support.microsoft.com/en-us/office/edit-list-settings-4d35793b-246e-42a3-990c-563a83795b7f) to create and add the single choice PROJECT column to a calendar view.
30+
2531
In this example, **PROJECT** column has the following options:
2632
- Project A
2733
- Project B
@@ -42,3 +48,4 @@ The JSON code below makes use of SharePoint Online Modern UI classes to apply co
4248
The gif image below shows the final result:
4349

4450
![SharePoint list calendar formatting result](../images/calendar-view-formatting-result.gif)
51+

0 commit comments

Comments
 (0)