Skip to main content
Test

News

Go Search
Home
Products
Support & Training
Company
How to buy
Sites
News
Room Manager Enterprise
Room Manager Standard
  

Home > News > How to create a Mini Calendar
 

A tiny cute SharePoint calendar (Part I)

Copy this Code to a Content Editor Web Part; and paste it underthe Source.

So let’s start by dropping on our right column a monthly view of the calendar and a hidden Content Editor Web Part. In the source editor of the CEWP, paste the code below:

Here is the CSS Code 

<style type="text/css"> 
 
/* Tiny Calendar */  
/* Christophe@PathToSharePoint.com */  
 
/* Remove week blocks */  
.ms-cal-weekempty {display:none;}  
.ms-cal-week {display:none;}  
.ms-cal-weekB {display:none;}  
.ms-cal-weekB {display:none;}  
/* Shrink cells */  
.ms-cal-workitem2B {display:none;}  
.ms-cal-noworkitem2B {display:none;}  
.ms-cal-nodataBtm2 {display:none;}  
.ms-cal-todayitem2B {display:none;}  
.ms-cal-workitem {font-size:0px;}  
.ms-cal-muworkitem {font-size:0px;}  
.ms-cal-noworkitem {font-size:0px;}  
.ms-cal-nodataMid {font-size:0px;}  
.ms-cal-todayitem {font-size:0px;}  
/* thin out header */  
.ms-cal-nav {display:none;}  
.ms-cal-nav-buttonsltr {display:none;}  
.ms-cal-navheader {padding:0px;spacing:0px;}  
.ms-calheader IMG {width:15px;}  
/* Abbreviate weekdays */  
.ms-cal-weekday {letter-spacing:6px; width:22px; overflow: hidden;}  
</style> 

You find the article here