Creating a Color SharePoint Calendar with JavaScript, jQuery, and CSS

In this video, we will see how to create a color calendar in SharePoint using JavaScript, jQuery, CSS, and Content Editor web parts.

Subscribe to My Channel


My Book: Creating Business Applications with Office 365: Techniques in SharePoint, PowerApps, Power BI, and More

About Jeff Rhodes
Jeff Rhodes is the Branch Chief, Program Office Support at the U.S. Office of Personnel Management (OPM). Prior to that, he was the Academic Chief Technical Officer at the United States Air Force Academy and previously a Senior IT Specialist in charge of SharePoint and other key systems at the Academy. Jeff was the founder and Chief Technical Officer of Platte Canyon Multimedia Software Corporation, a leader in developing commercial e-learning software. He graduated at the top of his class at the Air Force Academy, where he earned a Bachelor of Science in Electrical Engineering. Jeff received a Master’s degree in Economics from the London School of Economics, which he attended under a British Marshall Scholarship. He is the author of Creating Business Applications with Office 365: Techniques in SharePoint, PowerApps, Power BI, and More, Programming for e-Learning Developers: ToolBook, Flash, JavaScript, and Silverlight, VBTrain.Net: Creating Computer and Web Based Training with Visual Basic .NET and The ToolBook Companion. He lives in Colorado Springs with his wife Sue and is the proud father of his sons Derek and Michael.

3 Responses to Creating a Color SharePoint Calendar with JavaScript, jQuery, and CSS

  1. Larry Pfaff says:

    I have been doing a bunch of searching on this topic. everyone wants to show you how to do a calendar overlay, but you are limited to 9 different colors.When I found your video I was hopeful. I went through your video several times, ouch, but I was not successful in getting this to work. I slowly went through your code and even ran it through a validator. What you show on the screen there is one line missing a semicolon. Regardless, I was unable to get it to work either way. I am trying to use the display name from a people picker, but I run a workflow on creation, grab the display name and write it to the location field. I dropped a few alerts into the code and they seem to be returning the correct values, but the color will not change.

    Any Suggestions?

  2. Larry Pfaff says:

    thank you.I actually found the error in the code. it was a semicolon and a case issue. Works really well. I am working on a way to have one file with global variables.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: