[Last Call] Learn about multicloud storage options and how to improve your company's cloud strategy. Register Now

x
?
Solved

Change Color for Calendar Overlay in Sharepoint 2010

Posted on 2011-02-22
5
Medium Priority
?
4,210 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

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

I recently came across an issue with a MOSS 2007 deployment where access into some sub-sites were denied, even for the MOSS farm administrators. A bit of background to the setup of this MOSS farm; this was a three server setup, consisting of a fr…
There is one common problem that all we SharePoint developers share: custom solution deployment. This topic can't be covered fully in this short article, so all I want to do in this one is to review it from a development-to-operations perspectiv…
Video by: ITPro.TV
In this episode Don builds upon the troubleshooting techniques by demonstrating how to properly monitor a vSphere deployment to detect problems before they occur. He begins the show using tools found within the vSphere suite as ends the show demonst…
Please read the paragraph below before following the instructions in the video — there are important caveats in the paragraph that I did not mention in the video. If your PaperPort 12 or PaperPort 14 is failing to start, or crashing, or hanging, …

650 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