Skip to main content
                                                      
Home
TechNet
Discussions
Resources
  

SharePoint User Group - India > TechNet > Categories
Small SharePoint Calendar

Want to resize the SharePoint OOB calendar?, like this

 

 

 

 

1.       Add the calendar web part to right column of the page (in calendar view)

2.       Add Content Editor Web Part to the right column of the page

 

<style type="text/css">

 

/* Tiny Calendar */

 

/* 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>

 

3.       Hide the Content Editor Web Part…..