?
Solved

Change Color for Calendar Overlay in Sharepoint 2010

Posted on 2011-02-22
5
Medium Priority
?
4,159 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
5 Comments
 
LVL 3

Accepted Solution

by:
AndrewSkoraro earned 2000 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

Office 365 Training for IT Pros

Learn how to provision tenants, synchronize on-premise Active Directory, implement Single Sign-On, customize Office deployment, and protect your organization with eDiscovery and DLP policies.  Only from Platform Scholar.

Question has a verified solution.

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

When installing SharePoint 2010 RTM I came across a strange error, I was getting timeouts during the installation. I searched the web and found the best solution to be found here (http://social.msdn.microsoft.com/Forums/en-US/sharepoint2010genera…
In case you ever have to remove a faulty web part from a page , add the following to the end of the page url ?contents=1
In this brief tutorial Pawel from AdRem Software explains how you can quickly find out which services are running on your network, or what are the IP addresses of servers responsible for each service. Software used is freeware NetCrunch Tools (https…
In this video, Percona Director of Solution Engineering Jon Tobin discusses the function and features of Percona Server for MongoDB. How Percona can help Percona can help you determine if Percona Server for MongoDB is the right solution for …

765 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