I really was not that happy with the look of the first calendar so after some modifications and a bit of CSS magic I have come up with a really good looking small calendar. At least I think so…
Basically I have replaced the text of an event item with a color coded box. The benefit that you get out of this is that you don’t have to try and read the even within the small calendar but if you hover over and click on the color block you get the list Item display.
- Orange is for single event items (8am-10am, etc)
- Green is for full day events or repeat events
Another nice feature to this is that I have also simplified the visual indicator when there are more then two event items in one day. Instead of seeing the arrow and text all you see is the arrow. Once you click on the arrow it will show the other blocks of events (Right image).
Here is the CSS Code: Download Here
- Simply place a content editor web part on the same page as the calendar
- Paste the code from the file above into the source of the content editor web part.
- Hide the Content editor web part on the page.
If you plan on making this a more global style this is an example of how the large calendar would look like.
Leave a comment and let me know how it works for you!
8 comments:
Hi all.. really i am happy to see this site and all.. it has lot of information's to the public.. thanks for sharing this in internet...
http://www.dmaxonline.com
Hi, thank you for this post. The only problem is that the small calendar is not showing up, only the codes are showing, so I hid the web part and nothing showed up. Could you please tell me what I did wrong? Thanks.
Make sure that you included the open and closed style tags.
Hi Erik, thanks for your quick response. I copied and pasted the text file and there are open/close style tags.
I know this is geared towards SP 2007 ... so my question is:
Are you planning on making a version for SP 2010?
(As expected, it didn't work for me on SP 2010 as is :-)
Any luck on the SP2010 compatibility?
I wanted to give this a try, but unfortunately, the download link appears broken.
I'm also interested in SP2010 compatibility?
Hi! Thanks for this tip. It worked perfectly and im really happy i found this site. I spent a lot of time on trial and error from researched sites but was not successful. Im keeping tuned for more tips and techniques. Cheers!
Post a Comment