Saturday, October 20, 2012

SharePoint 2010 calendar color indiacator using Overlays

Hi Guys,

Recently I got a requirement from my team to develop vacation calendar along with color indicators for each category.

Later started search, I found many good articles on the internet, but I want to finish through OOTB. So I got the below method to work exactly and writing down the below  lines to be helpful for others and for my own tracking .

Step1: Create one calendar list and name it as vacation calendar. Once created, go to settings and then change category choice items. Add your own categories upto 7 ( as OOTB offers not more than this colors).  For e.g. I created 3 categories named "Vacation", "Training", "Work from Home"

Step2: Create a new calendar view named Vacation view and specify Category is equal to Vacation in filter section.

Step 3: Create other 2 views like in step 2 with specifying categories is equal to their category values.



Step 4: Create a new view name Overlay view and specify Category is blank in Filter section..




Step 5: Create Overlay view as the default view and click on Overaly button in ribbon.



Step 6: Create new calendar link in Overlay section and specify names and select appropriate site with click on resolve button.

Specify the color from the list and fill the remaining details.


Check Always show check box.
Step 7: Create another two calendar in Calendars Overlay section using above step for other two cateogories.

Thats it. Try adding different entries with various categories and you can find different colors. Make sure Overlays view is your default view, so that when you add it as list view webpart, make sure to change the view to Overlay view in tool bar setting.


You would get final look and feel like this,




Cheers,
Anil

No comments: