Color Coding Sharepoint Online Calendar

Question

Trying to color code a sharepoint online calendar by a selection column, I have ensured the desired column is selected in the calendar view and when i choose conditional formatting it still will not change the colors. I've tried different Json Code and everything.

Answer 1

Dear Isaac Bester,

Good day! Thank you for posting to Microsoft Community. We are happy to help you.

to create color coded events in SharePoint calendar, please follow the steps below:

1. In your SharePoint site, go to Site Content and open your calendar in which you wish to color code the events.
2. Now, set up your event categories – add new and remove the default ones if needed. For this, click Calendar tab, go to List Settings, and click the Category column. Set up your calendar category values by adding, editing, or deleting as desired, and click Save.
3. For the next step, create a custom calendar view for each event category. In Calendar tab, go to List Settings, find the list of actual views. We are going to create a new view, so click Create a view > Start from an existing view > Calendar. Give a name to your new view after the relevant event category. In the filter section of the view, configure it to show items only when "Category" is equal to "Whatever you put for your category” and click Save. You’ll need to create a view for each category you want to color code.
4. Create a blank calendar view to overlay your categories views on its basis. Alternatively, you can modify a default SharePoint calendar instead, set the filter to only show items when "Category" is equal to...and leave the field blank. When you save the view, you should see an empty calendar, assuming you have a category assigned to all the events.
5. Open the view you created last and set up as default, click Calendar tab and then click **Calendar overlays.**From there, click New calendar, give your calendar overlay a name (to avoid any confusion, consider naming this to match the name of the category). Select the color and click 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!

Your understanding and patience will be highly appreciated.

If there is any misunderstanding, please feel free to correct me.

Have a nice day!

Best regards,

Answer 2

This is for the classic view sharepoint, im trying to make one in the modern view of online sharepoint the most recent version

Answer 3

Hi David

I am also have the same challenge you describe. It's confusing for the end user. Did you find a solution?

Laura

Answer 4

I followed these steps and was able to recreate the same type of calendar. The only issue I am having is that when I want to only view the contents of ONE of the calendar overlays - that I setup to use for example the RED color, when I click on the RED calendar overlay, it works correctly to only show the RED events, however it changes the color to the default TEAL. Does anyone know how to preserve the color scheme?

Answer 5

Hello,

Thank you so much for the helpful information. I have 2 questions about to get to this final calendar layout of your screenshot:

1. When I try to create a new calendar under calendar overlay, the dropdown menu of List and List View seemed to be blank. I'm not sure if there is anything that I can do to create a new calendar overlay that is linked with my current listing (calendar).
2. I see that in the last screenshot, the blue color (Category) didn't seem to show in this final calendar display. How do I get to this step of only showing color coded calendars?

Thank you so much for your assistance in advance!