![Page 1: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/1.jpg)
Andy Huneycutt
Customizing the Calendar App
in SharePoint
![Page 2: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/2.jpg)
Overview
• The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers a simple interface to create single events, or repeating events, as well as overlaying multiple calendars using color coding. But is that all the calendar is capable of?
• In this session we’ll discuss how to custom the out of the box calendar to meet the needs of your business. With a few modifications and custom tweaks, it’s possible to create a calendar that’s both functional and eye-catching.
• Did I mention this is all within a single calendar?
![Page 3: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/3.jpg)
How?
• Creating calendar views to filter by event category.
• Creating calendar overlays to represent event categories using colors.
• Using a custom color palette in place of the default color palette.
• Adding custom content types to the calendar for unique events.
• Known issues.
![Page 4: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/4.jpg)
Calendars in SharePoint
![Page 5: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/5.jpg)
Calendar Overlays
![Page 6: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/6.jpg)
Calendar Overlays
![Page 7: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/7.jpg)
Calendar Overlay limitations
• 10 calendar limit
• Uses default color palette – Dark teal
– Dark blue
– Dark green
– Olive green
– Red
– Dark purple
– Dark teal
– Dark green
– Brown
• Default columns based on the Event content type – Title
– Location • Single line of text
– Start Time
– End Time
– Description
– Category • Choice menu
• Fill in value
– All Day Event
– Recurrence
![Page 8: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/8.jpg)
Customized Calendar
![Page 9: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/9.jpg)
Columns + Views + Overlays
![Page 10: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/10.jpg)
Columns and Views
![Page 11: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/11.jpg)
Create a Calendar View
![Page 12: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/12.jpg)
Calendar View Settings
![Page 13: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/13.jpg)
Calendar View Filters
![Page 14: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/14.jpg)
Calendar Overlay
![Page 15: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/15.jpg)
Calendar Overlay Settings
![Page 16: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/16.jpg)
Calendar Overlay Settings
![Page 17: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/17.jpg)
Calendar Overlay Settings
![Page 18: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/18.jpg)
Calendar Overlay Settings
![Page 19: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/19.jpg)
NAVY #001f3f
BLUE #0074D9
AQUA #7FDBFF
TEAL #39CCCC
OLIVE #3D9970
GREEN #2ECC40
LIME #01FF70
YELLOW #FFDC00
ORANGE #FF851B
Default calendar color palette
DARK TEAL #00485B
DARK BLUE #0072C6
DARK GREEN #288054
OLIVE GREEN #767956
RED #ED0033
DARK PURPLE #682A7A
DARK TEAL #006984
DARK GREEN #134029
BROWN #3B3C2A
Custom calendar color palette
Customize calendar colors
![Page 20: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/20.jpg)
CSS
<style type="text/css">
.ms-acal-color1{
BACKGROUND-COLOR: #001f3f}
.ms-acal-selcolor1{
BACKGROUND-COLOR: #001f3f}
.ms-acal-apanel-color1{
BORDER-COLOR: #C3B7AC; BACKGROUND-COLOR: #001f3f;}
![Page 21: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/21.jpg)
Content Editor or Script Editor web
part?
![Page 22: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/22.jpg)
DEMO
Customizing the Calendar App in SharePoint
![Page 23: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/23.jpg)
Event Content Type
![Page 24: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/24.jpg)
Event Content Type
![Page 25: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/25.jpg)
Site Columns
![Page 26: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/26.jpg)
Site Content Types
![Page 27: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/27.jpg)
Event Content Type
![Page 28: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/28.jpg)
DEMO
Customizing the Calendar App in SharePoint
![Page 29: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/29.jpg)
QUESTIONS
Customizing the Calendar App in SharePoint
![Page 30: Customizing the Calendar App in SharePoint - ASPE … · Overview • The calendar app is a useful tool to track events for teams in SharePoint. Out of the box the calendar offers](https://reader034.vdocuments.us/reader034/viewer/2022051602/5aee04d17f8b9a585f910f1f/html5/thumbnails/30.jpg)
Andy Huneycutt Microsoft Certified Trainer, MCITP, MCTS
• ASPE Trainer
• Courseware Developer
• Consultant
• SharePoint
• Project Server
• Office 365
• Twitter - @andyhuneycutt | LinkedIn – William Huneycutt