Contents
In a standard implementation of the SharePoint calendar app it is not possible to visualize the event entries with a different background color depending on the category. To implement such a feature we have to do some customizing.
Again go to the calendar settings and choose the “Calendar” view to edit. In the “Calendar Columns” section change all title references to our newly created column. All requirements for the script logic are set up now. Let’s insert the script. Open the calendar in the standard view (Calendar.aspx) and start editing that page.
How to add web part to SharePoint calendar?
In the “Calendar Columns” section change all title references to our newly created column. All requirements for the script logic are set up now. Let’s insert the script. Open the calendar in the standard view (Calendar.aspx) and start editing that page. You will see the Web Part frame called “Main”. On top of that click on “Add a Web Part”.
How to add a script to a calendar page?
Let’s insert the script. Open the calendar in the standard view (Calendar.aspx) and start editing that page. You will see the Web Part frame called “Main”. On top of that click on “Add a Web Part”. Go to the “Media and Content” categories and choose the “Script Editor” Web Part and add it to the page.
What do you need to know about jQuery full calendar?
If you check the documentation of jQuery Fullcalendar Event Colors you see that there is a parameter className you can specify for each event object. The content of that parameter gets added as class to the events and thus you only need to specify the css with matching name.
Which is the correct color for event1 in jQuery?
Note how event1 has green as background and yellow as text color. Another viable way using the options described in jQuery Fullcalendar Event Colors could go along these lines: