Skip to main content

Calendars

Go Search
Home
User's Toolkit
Easy Tabs
Image Rotator
Fisheye
Calendars
Gantt
Cross-Site
HTMLcc
FusionCharts
Stock Quotes
Programs Dashboard
BU 1
BU 2
  
Path to SharePoint > Calendars > Pages > CalendarZoom  

Web Part Page Title Bar image
CalendarZoom

 ‭(Hidden)‬ Header

 
This demo features a standard SharePoint calendar, to which I have applied three customizations:
 
- "Tiny calendar": a Jivaro-like technique that removes the bones of the SharePoint calendar and allows us to reduce its size.
 
- Color coding, using the HTML calculated column.
 
- Zoom: this relies on the jQuery AnythingZoomer plugin by Chris Coyier. Hover over the tiny calendar to see it in action.
 
You'll notice that the customizations have preserved the clickable parts of the calendar (month navigation and events).
 
 
< February, 2012 >
 Mon  Tue  Wed  Thu  Fri  Sat  Sun 
 30 
  every Monday' >every Monday
 31 
 1 
 2 
 3 
 4 
 5 
  every Monday' >every Monday
 6 
  every Monday' >every Monday
 7 
 8 
 9 
 10 
 11 
 12 
  every Monday' >every Monday
 13 
  every Monday' >every Monday
 14 
 15 
 16 
 17 
 18 
 19 
  every Monday' >every Monday
 20 
  every Monday' >every Monday
 21 
 22 
 23 
 24 
 25 
 26 
  every Monday' >every Monday
 27 
  every Monday' >every Monday
 28 
 29 
 1 
 2 
 3 
 4 
  every Monday' >every Monday

 ‭(Hidden)‬ HTML calculated column