Solved

Change Color for Calendar Overlay in Sharepoint 2010

Posted on 2011-02-22
5
3,898 Views
Last Modified: 2012-08-14
Hello Everybody,

I'd like to learn how to change the selection of colors available for calendar overlays in Sharepoint 2010.  Could someone please show me how I can create my own colors instead of using the colors provided by Calendar Overlay.   Calendar Overlay Settings
0
Comment
Question by:amarelv
  • 3
  • 2
5 Comments
 
LVL 3

Accepted Solution

by:
AndrewSkoraro earned 500 total points
ID: 34956535
It appears that Microsoft has not made this extendable. I took a look at the ASPx file and the CSS files and cannot seem to make any of the changes work without errors.  You can create a custom style sheet to modify the following styles to change the color output, but you dont have access to the names being displayed.

.ms-acal-color1{
/* [ReplaceColor(themeColor:"Accent6-Lightest")] */ background-color:#fef8d6;
}
.ms-acal-color2{
/* [ReplaceColor(themeColor:"Accent5-Lightest")] */ background-color:#d0ffbc;
}
.ms-acal-color3{
/* [ReplaceColor(themeColor:"Accent4-Lightest")] */ background-color:#feebcd;
}
.ms-acal-color4{
/* [ReplaceColor(themeColor:"Accent3-Lightest")] */ background-color:#c8f0ff;
}
.ms-acal-color5{
/* [ReplaceColor(themeColor:"Accent2-Lightest")] */ background-color:#ffc8e8;
}
.ms-acal-color6{
/* [ReplaceColor(themeColor:"Accent1-Lightest")] */ background-color:#bee5ff;
}
.ms-acal-color7{
/* [ReplaceColor(themeColor:"Dark2-Lightest")] */ background-color:#e0e8f2;
}
.ms-acal-color8{
/* [ReplaceColor(themeColor:"Light2-Lightest")] */ background-color:#d9dde1;
}
.ms-acal-color9{
/* [ReplaceColor(themeColor:"Light1-Lightest")] */ background-color:#f2f2f2;
}
0
 

Author Comment

by:amarelv
ID: 34956651
Thank you AndrewSkoraro for trying to work with me on this issue.  I greatly appreciated your quick reply. Is it possible to make the changes in SharePoint Designer 2010?
0
 
LVL 3

Expert Comment

by:AndrewSkoraro
ID: 34956792
You can create a custom style sheet in SharePoint designer.  Follow the details at this link.

http://office.microsoft.com/en-us/sharepoint-designer-help/apply-a-custom-style-sheet-to-a-sharepoint-site-HA010169174.aspx
0
 

Author Comment

by:amarelv
ID: 35029541
I was able to change the selection of colors in the Calendar Overlay by inserting a content web editor and adding my own <style>..</style> elements to the page.  Please see screen shot below.  I now have an issue where the original colors (listed Calendars) do match with my "new" colors. (the dates) Could you please show me how to change so my listed Calendars will correlate with my new colors?
Colors Calendar Overlay
0
 

Author Closing Comment

by:amarelv
ID: 35189327
Thank you so much for all of your help!  It was greatly appreciated.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

The Scenario: Let’s say you have a quote worksheet in Excel that you use to work up sales figures and such for your clients. You utilize SharePoint to manage and keep track of these documents. You would like values from your worksheet to populate Sh…
SharePoint Designer 2010 has tools and commands to do everything that can be done with web parts in the browser, and then some – except uploading a web part straight into a page that is edited in SPD. So, can it be done? Scenario For a recent pr…
This video shows how to remove a single email address from the Outlook 2010 Auto Suggestion memory. NOTE: For Outlook 2016 and 2013 perform the exact same steps. Open a new email: Click the New email button in Outlook. Start typing the address: …
Need to grow your business through quality cloud solutions? With everything required to build a cloud platform and solution, you may feel like the distance between you and the cloud is quite long. Help is here. Spend some time learning about the Con…

932 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now