How to Color-Code your Microsoft SharePoint Calendar

Color Code SharePoint Calendar Blog

Written by Emma Thomas, Business Systems Consultant

If you’re looking to color-code your Microsoft SharePoint calendar- look no further.  Below are steps to take to make those events different colors with a Calendar Overlay.

In this write-up, we are using SharePoint Online.

To create color-coded events in your SharePoint calendar, follow the steps below:

  1. In your SharePoint site, go to ‘Site Contents’ and open the calendar in which you wish to color code the events.

Color-Code-SharePoint-1

Color-Code-SharePoint-2

2. Set up your event categories – add new and remove the default ones if needed. For this, click the Calendar tab and go to List Settings.

Color-Code-SharePoint-3

3. Click the Category column. Set up your calendar category values by adding, editing, or deleting as desired, and click Save.

Color-Code-SharePoint-4

Color-Code-SharePoint-5

4. For the next step, create a custom calendar view for each event category that’s in the screenshot above.

  • In the Calendar tab, go to List Settings, find the list of actual views. In this example, we are going to create a new view > Calendar View

Color-Code-SharePoint-6

Color-Code-SharePoint-7

5. Name the new view name to whatever category you will be choosing, for this example we picked ‘Meeting’.

    1. You’ll need to create a view for each category you want to color code.
    2. Then set the filter to show items- Category is equal to ‘Meeting’.

Color-Code-SharePoint-8

Open the view you created last, click the Calendar tab, and then click Calendar overlays.

Color-Code-SharePoint-9

7. From there, click New Calendar and give your calendar overlay a name.

  1. To avoid any confusion, consider naming this to match the name of the category.
  2. Select the color and click the ‘Resolve’ button so that the other dropdowns populate with your newly created list views. Repeat this for each category (up to 10 overlays total per calendar) and you’re done!

Color-Code-SharePoint-10

Color-Code-SharePoint-11

Color-Code-SharePoint-12

If you run into an error where events are duplicating with the views, consider these steps:

Color-Code-SharePoint-13

Go to the Calendar tab – click list settings.

Scroll down to Views > Calendar

Color-Code-SharePoint-14

In the filters section: ‘Show items only when the following is true= category is = to blank”

Color-Code-SharePoint-15

Creating the views and color overlays may take some additional time, but having the color-coded events allows users to keep track of events easily. On the left-hand side, SharePoint even shows what colors are related to which category.

Questions?

    I'm interested in...


    Related News